/* lg */


@media (max-width: 1300px) {

.task-mobile{ display:block;}
.desktop-task{ display:none;}
}
@media (max-width: 1199px) {
	#feedback {

	bottom: 0;


}
	.banner-product::after, 	.banner-product::before, .stepsec::after{ content:inherit; display:none;}
	
	.user-feature {
	margin: 0 !important;
}
.mbminus {
	position: relative;
	padding: 40px 0 !important;
}
.admin-feature {
	margin-bottom: 0 !important;
}
.task-feat1 li {
	margin: 0 10px;

}
.task-feat1::after{ content:inherit; display:none;}

.dash-monitor::before{ content:inherit; display:none;}
.dash-monitor {
	background: none;
	width: auto;
	height: auto;
	position: relative;
	z-index: 2;text-align: center;
}

.dot-line1::after, .dot-line2::after, .dot-line3::after, .dot-line4::after{content:inherit; display:none;}
.dash-feat {
	
	margin-bottom: 20px;
	position: relative;
	z-index: 1;
	left: 0!important;
	right: 0!important;
}


.task-how .arrow1{
	background-color: #41bd00;
	

	}


.task-how .arrow2{
	background-color:#bed63a;

	
	}



.task-how .arrow3{
background-color: #f286a0;

	
	}



.task-how .arrow4{
	background-color: #a8bf28;


	}



.task-how .arrow5{
background-color: #f6931e;

	
	}



.task-how .arrow6{
	background-color:#56b6de;
	
	
	}
	.task-how {
	text-align: center;
	float: none;
	margin: 0;
}
.task-how li img {
	float: none;
	margin-left: 0;
}
.task-how .task-arrow span {
	display: inline-block;
	width: 100%;
}
.task-how li > span {
	position: relative;
	
	
}
.task-how .task-arrow {
	width: 100%;
	height: auto;
	display: inline-block;
	margin-right: 0;
	position: relative;
	padding: 50px;
	line-height: inherit;
	margin-top: 0;
}
.task-how li {
	display: inline-block;
	float: none;
	width: 380px;
	background-color: #f2f2f2;
	margin: 0 auto;
}

.steps h3 {
  font-size: 22px;
}
.admin-panel-img {
	padding-bottom: 550px;
}
.rotate-plate {
  right: 10%;
}
.admin-ico {
  margin: 0 10px 90px 0;
}
.admin-com .user-feat {
  margin-bottom: 0;
  min-height: 260px;
}
.exfeat-ico {
  margin: 0 10px 140px 0;
}



}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
    .main-header {
        background: #f2f2f2;
        padding: 45px 0;
        margin-top: 125px;
    }
    #navigation .navbar-nav > li > a {
        color: #444;
        font-size: 15px;
        margin: 0 13px;
    }
    #navigation .navbar-right .dropdown-menu {
        right: auto;
        left: -80px;
        top: 76px;
    }

    #navigation .navbar-right .dropdown-menu .dropdown-menu {
        right: auto;
        top: 0;
    }

    .social-network-bar {
        display: none;
    }
	
}

@media (min-width: 768px) and (max-width: 992px) {
    .social-network-bar {
        display: none;
    }
    #navigation .navbar-right .dropdown-menu {
        right: auto;
        left: -80px;
        top: 76px;
    }

    #navigation .navbar-right .dropdown-menu .dropdown-menu {
        right: auto;
        top: 0;
    }
    .social-network-bar {
        display: none;
    }

    #navigation .navbar-nav > li > a {
        color: #444;
        font-size: 15px;
        margin: 0 8px;
    }
    .home-text h1 {
        font-size: 38px;
        padding-bottom: 9px;
    }



}

/* sm */
@media (min-width: 768px) {

    .navbar-right .dropdown .dropdown .dropdown-menu {
        right: auto;
        left: 100%;
        top: 0;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .nav > li > a {
        padding: 10px 12px;
    }

    .main-header {
        background: #f2f2f2;
        padding: 50px 0;
        margin-top: 127px;
    }

    .circle {
        margin-top: 35px;
    }

    .single-process .process-icon:after {
        border-bottom: 0;
    }

    .fact {
        margin: 15px auto;
    }

    .contact-address {
        text-align: center;
    }

    .about-text h2 {
        margin: 25px 0 25px;
    }
	.steps h3 {
  font-size: 28px;
}

}


@media (max-width: 991px) {
	.task-how li {
	
	width: 278px;
	
}
.bulb-img {
	background-image: none;
	height: auto;
	padding: 0;
	margin-bottom: 10px;
	width: auto;
}.task-feat1 li {
	margin: 0px;
	background-color: #e7d7a6;
	padding: 10px;
	width: 100%;
	margin-bottom: 10px;
}

	.task-feat1 li:hover .bulb-img::before  { content:inherit; display:none;
}
		
	.price-tag {

	position: relative;
	right: 0;
	top: 0;
}
.product-task-banner {
	padding: 40px 0;
}
	.banner-product3::before{ content:inherit; display:none;}
	.mobile .order-feat p {
	padding-right: 0;
	text-align: center;
}
.mobile .order-feat {
	margin-bottom: 40px;
	text-align: center;
}
	.mobile{ display:block;}
	.desktop{ display:none;}
	.product-banner-content {
	padding: 40px 0;
}
.product-banner-content h1 {
	font-size: 30px;

}	
.product-banner-content h1 br {
	display: none;
}
.stepsec {
	top: 0;
	padding: 40px 0;
}	
	
	.step-title {

	margin-bottom: 0px !important;
}
.mt-100 {
	margin-top: 40px !important;
}
.step-circle {
	background: url(../../assets/images/step-bg.jpg) scroll repeat 0 0;
	width: 100%;
	padding: 25px 22px;
	height: auto;
	margin: 0 auto;
}
.user-feat {
	text-align: center;
}
.userapp {

	display: none;
}
.ml {
	margin-left: 0;

}
.driver-road {
	background: none;
	width: 100%;
	height: auto;
}
.driver-feat {
	margin: 20px 0 !important;
	text-align: center;
}
.admin-ico {
	display: inline-block;
	float: none;
	margin-right: 0;
}

.banner-product2::before{ content:inherit; display:none;}
	.admin-com .user-feat {

	padding: 0 40px;
}
.inner-title h2 {

	font-size: 24px;
}
.restaurant {
	background: none;
	width: auto;
	height: auto;
}

.restaurant .driver-feat {
	left: 0 !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 25%;
	float: none;
	display: inline-block;
}
.restaurant .driver-sec {
	text-align: center;
}
.ex-com .user-feat {
	text-align: left;
}
.exfeat-ico {
	display: inline-block;
	float: none;
	 margin: 0 0 15px;
}
.admin-ico {
  margin: 0 0 20px 0;
}
.admin-com .user-feat {
  padding: 0 20px;
}
.admin-com .user-feat {
  min-height: 280px;
}


}
/* xs */
@media (max-width: 767px) {
	.task-how .task-arrow {

	padding: 10px 0;
	
	}
.task-how li {
	width: 100%;
	margin-bottom:10px;
}

#navigation .navbar-nav > li > a {
	color: #444;
	font-size: 16px;
	text-align: left;
	margin-left: 0;
	padding: 5px;
}
#navigation .nav li.active > a, #navigation .nav li > a:focus, #navigation .nav li > a:hover, #navigation .navbar-nav .dropdown li.sactive > a, .social-network-bar.nav > li > a:hover {
	background-color: #ccc;

}
.navbar-toggle {

	margin-top: 35px;

}
.main-menu {
	float: none;
	width: 100%;
	text-align: center;
}
.nav > li {

	width: 100%;
	text-align: center;
}
#navigation .navbar-nav > li > a {

	text-align: center;
}
.navbar-nav {
	margin: 0;
}
	#myNavbar {
	
	float: none;

	width: 100%;
}
	.banner-product1::after, .banner-product1::before, .banner-product2::after{ display:none; content:inherit;}
	.user-com {
	margin: 20px 0;
}
.user-com .user-feat {
	margin-top: 0 !important;
}
	#myNavbar {

	height: auto !important;
}
.restaurant .driver-feat {

	width: 30%;
	
}
#navigation {
	padding: 15px 0;
	position: relative;
}
.empty-space {

	display: none;
}

.step-circle {
	width: 195px;
	padding: 24px 0;
	height: auto;
	margin: 0 auto;border-radius: 0;
}
    body #navigation .nav .dropdown > a:after {
        font-family: FontAwesome;
        content: "\f105";
        margin-left: 10px;
    }

    body #navigation .nav .dropdown.open > a:after {
        font-family: FontAwesome;
        content: "\f107";
        margin-left: 10px;
    }

    body #navigation .nav .dorpdown .dropdown > a:after {
        font-family: FontAwesome;
        content: "\f105";
        margin-left: 10px;
    }

    body #navigation .nav .dorpdown .dropdown.open > a:after {
        font-family: FontAwesome;
        content: "\f107";
        margin-left: 10px;
    }

    #navigation {
        padding: 15px 0;
    }

    .single-process .process-icon:after {
        border-bottom: 0;

    }

    #navigation .navbar-nav > li > a {
        color: #444;
        font-size: 16px;
        text-align: left;
        margin-left: 17px;
    }

    #navigation .navbar-brand {
        padding: 3px 15px;
    }

    .navbar-right .dropdown .dropdown .dropdown-menu {
        margin-left: 80px;
    }

    #navigation.home-ts-menu.navbar-fixed-top {
        padding: 12px 0;
    }

    #navigation ul.dropdown-menu li a {
        padding: 19px 0 19px 50px;
        display: block;

    }

    #navigation .navbar-toggle .icon-bar {
        background: #444;
    }

    .social-network-bar {
        margin-left: 24px;
        padding: 8px 0;
        display: none;
    }

    .home-text h1 {
        font-size: 26px;
        padding-bottom: 9px;
    }

    .home-text p {
        font-size: 17px;
        padding-bottom: 13px;
    }

    .home {
        padding: 230px 0 150px;
    }

    .yt-background.home {
        padding: 230px 0 150px;
    }

    .home-carousel:hover .left.slick-arrow {
        left: 5px;
        top: 45%;
    }

    .home-carousel:hover .right.slick-arrow {
        right: 5px;
        top: 45%;
    }

    .yt-background .home-carousel:hover .right.slick-arrow {
        right: 5px;
        top: 30%;
    }

    .yt-background .home-carousel:hover .left.slick-arrow {
        left: 5px;
        top: 30%;
    }

    .home-2 .btn.btn-action {
        color: #444;
        background: #fff;
        margin-bottom: 10px;
    }

    .section-header h2 {
        font-size: 28px;
        padding-bottom: 5px;
    }

    .single-service h2 {
        font-size: 22px;
    }

    .call-to-action-text h2 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 22px;
    }

    .about-text h2 {
        margin: 25px 0 25px;
    }

    .contact-address {
        text-align: center;
    }

    .circle {
        margin-top: 35px;
    }

    .fact {
        margin: 15px auto;
    }

    .filter li a {
        margin: 0 5px 12px;
    }

    .modal-btn .btn-active {
        margin-bottom: 10px;
    }
	.order-feat p {
  min-height: auto;
}
.admin-com .user-feat {
  min-height: auto; margin-bottom:20px;
}
.server_req ul li {
  width: 33.33%;
  margin-bottom: 20px;
}


}

/* XS Portrait */
@media (max-width: 479px) {
	.dash-feat-con {
	background-color: #535355;
	-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
	padding: 12px 21px;
	float: right;
	width: 100%;
}
.dash-feat img {
	float: none;
	padding: 4px 7px;
}
	.dash-feat {

	width: 100%;

}
	.mobile .col-xs-4 {
	width: 50%;
}
    .contact-form button {
        margin-bottom: 12px;
    }

    .contact-form .able-text {
        line-height: 32px;
    }

    .member-img img {
        width: 100%;
    }

    .single-team-member .member-img {
        position: relative;
        border-radius: 100%;
        overflow: hidden;
        margin: 0 50px 30px;
    }
	.step-circle {
	width: 100%;

}
.product-task-banner-content h1 {
	margin: 0 !important;
	font-size: 24px;
}


}

@media (max-width: 360px) {
.frame-carousel li {
	
	margin: 0 3px;
}
.steps h3 {
  font-size: 16px;
}

}

@media (max-width: 420px) {
.restaurant .driver-feat {
	width: 51%;
	margin: 0 !important;
}
.call-block h5, .call-block span {
	font-size: 16px;

}
.server_req ul li {
  width: 50%;
}
}