/* css only for hover effect all hover effect must write in this Media query */
@media only screen and (max-width: 1280px) {
	.vegsec .container{padding: 0 2px;}
	.vegsec .cetmain .selmain{white-space: nowrap; margin: 0; overflow: auto;}
	.selmainTransport.selmain .coniconinner1{    width: 50px;  height: 50px;}
	.selmainTransport.selmain .contdetail{padding-left: 58px;     padding-right: 10px;}
	.selmainTransport.selmain .contitle{padding-top: 16px; padding-bottom: 12px; line-height: 20px;}
}

@media only screen and (max-width: 1440px) {
.app-mobile{margin-right: 0;}
.appsection .left-bg:before {height: 300px; width: 300px; bottom: 172px;}
.appsection .left-bg:after {height: 300px; width: 300px;}
.deliverysection .deliveryleftimg {left: 0; width: 56%;}
.marketservicesl .left-img {width: 16%;}
.marketservicesl .right-img {width: 22%; right: 0; bottom: 24%;}
.marketservicesl .left-img img, .marketservicesl .right-img img {max-width: 100%;}
.packagesection .navihead li {padding: 0 25px;}
/*.bannersection {height: 656px;}*/
}

@media only screen and (max-width: 1366px) {
.SearchInner{margin-left: 40px; margin-right: 40px;}
.appsection .left-bg:before {height: 250px; width: 250px; bottom: 115px;}
.appsection .left-bg:after {height: 250px; width: 250px;}
.small-bg {left: 206px; top: 284px;}
.deliverysection {background-size: cover; height: 840px;}
.marketservicesl .right-img {bottom: 26%;}
.number_box {width: 75px; height: 75px; font-size:38px; line-height: 75px;}
.packagesection .navihead li {padding: 0 15px;}
/*.bannersection {height: 570px;}*/
}
    
/* common css for below screen 1199 */
@media only screen and (max-width: 1199px) {
.headermenu .navigation ul li {padding: 4px 10px;    font-size: 14px;}
.moreNav {margin-right: 10px;}
.moreNav .dropdown-toggle {padding: 10px 20px 10px 10px;}
.SearchInner{margin-left: 0px; margin-right: 0px;}
.pickupbox {margin-right: 10px;}
.SearchInner .main-bl li{padding: 10px 5px 0;}
.serchlink a {padding: 39px 26px;}

.servicesection ul{padding: 0;}
.servicesection ul li{padding: 0 10px;}
.servicesection ul li .services_box .img_box {height: 266px; background-size: 100% auto;}
.servicesection ul li .services_box .img_box img {max-width: 80%;}
.appsection .left-bg:before, .appsection .left-bg:after,.small-bg {display: none;}
.webappsection .webappimg {right: 0; width: 70%; top: 65px;}
.webappdetail {padding-left: 20px;}
.webappdetail h2{font-size: 50px; line-height: 50px;}
.webappdetail p{font-size: 30px;}

.marketservicesl .left-img, .marketservicesl .right-img {display: none;}
.marketservicesl .row:nth-child(odd) .marketcontent {margin-right: 0;}
.packagesection .navihead li {padding: 0 5px;}
.Tabcontentleft {left: 30px;}
.packagesection .navihead {text-align: center;}
.packagesection .navihead ul { display: inline-block; white-space: nowrap; overflow: auto;}

/*.bannersection {height:454px;}*/

}

@media only screen and (min-width: 991px) {

}
/* common css for below screen 991 */
@media only screen and (max-width: 991px) {
/*.headermenu {display: none;}*/
.menuIcon {display: inline-block;}
.headermenu {float: none; clear: both; padding: 15px 20px;}
.headermenu .navigation {width: 100%;}
.headermenu .navigation ul li{display: block; padding: 0;}
.headermenu .navigation ul li a {color: #fff;}
.headermenu .navigation ul li.mobilemenu {display: block;}
.head-btn {display: none;}
/*.moreNav .dropdown-toggle {padding: 10px 20px 10px 0px; color: #fff;}
.moreNav .dropdown-toggle:after{border-color: #fff;}*/
.socialmedia {margin-top: 25px;}
.socialmedia li{margin-left: 0;}
.socialmedia li a{width: 30px; height: 30px;}
.socialmedia li a i{font-size: 16px;}
.SearchInner {border-radius: 0; box-shadow: none;}
.SearchInner .main-bl{width: 100%;}
.SearchInner .main-bl li {padding: 10px 10px 0; display: inline-block; margin-bottom: 20px;}
.serchlink {float: none; display: block; text-align: center;}
.serchlink a {border-radius: 0; padding: 20px 26px; width: 300px; margin: auto;}

.servicesection ul li .services_box .img_box {height: 200px;}
.servicesection ul li .services_box h3 {font-size: 18px; margin-top: 20px;}

.deliverysection {height:auto;}
.deliverysection .deliveryleftimg {left: 0; width: 100%; position: relative; top: inherit; padding-top: 30px;}
.deliverydetail{width: 100%; padding-top:20px; margin-bottom: 30px;}
.deliverydetail h2,.packagesection h2 {font-size: 35px; line-height: 35px;}
.yourDeliveryImg {margin-top: 30px;}
.packagesection .navihead {height: 106px;}
.packagesection .navihead li a {padding: 18px 10px;}
.Tabcontentright {width: 52%; margin-right: 20px;}
.Tabcontentleft {left: 10px;}
.tabinner {background-size: cover; height: 500px;}
.marketservicesl {margin-top: 80px;}

.headermenu{position: fixed; width: 300px; top: 0; bottom: 0; left: -320px; background: #02007e; transition: all .6s ease-in-out;  margin: 0; z-index: 999;}
.headermenu.slideMenu{left: 0;}

/*#autoplayVideo {margin-top: -60px;}*/
/*.bannersection {height: 257px;}*/
.searchsection {margin-top: 0;     padding-bottom: 30px; border-bottom: 1px solid #e2e2e2;}
/* .SearchInner .main-bl li:nth-child(2n+1){border:0;} */
.pickupbox {width: 100%;}



}

/* common css for below screen 767 */
@media only screen and (max-width: 767px) {
.sticky_formBtn {display: none;}
.searchsection {margin-top:20px;}
.pickup-icon {display: none;}
.pickupbox {width: 100%;}
.serchlink a{padding: 12px 26px; font-size: 16px;}
.footer{padding:30px 0; clear: both;}
.foot_link {margin-top: 20px;}
.bot_sl .privacy_link{text-align: left; margin-bottom: 15px;}
.footer-logo img {max-width: 150px;}
.servicesection ul{margin-left: -10px; margin-right: -10px;}
.servicesection ul li .services_box .img_box {height: 182px;}
.appsection .left-bg {display: none;}
.appsection{margin-top: 0;}
.app-mobile-main{text-align: center; }
.app-mobile {margin: 0 auto; float: none; margin-bottom: 20px; display: inline-block;}
.webappsection {margin-top: 0;}
.appinnercontent h2{font-size: 20px;}
.appinnercontent p {font-size: 14px;}
.number_box {width: 65px;height: 65px;font-size: 30px;line-height: 65px; margin-bottom: 8px;}
.webappsection{height: auto; padding: 30px 0;}
.webappdetail {padding: 0; text-align: center; margin-top: 20px;}
.webappdetail h2 {font-size: 30px; line-height: 30px;}
.webappdetail p {font-size: 20px; line-height: 38px;}
.webappsection .webappimg {right: inherit; width: 100%; top: inherit; position: inherit;}
.webappdetail .btn {margin-top: 0; font-size: 16px; padding: 10px 20px;}
.deliverydetail {text-align: center;}
.deliverydetail h2 {font-size: 24px;}
.deliverydetail p {font-size: 14px; line-height: 20px;}
.marketservicesl {margin-top: 30px;}
.marketservicesl .row:nth-child(odd) .marketcontent, .marketservicesl .row:nth-child(even) .marketcontent {max-width: 100%; text-align: center; margin-top: 20px; float: none;}
.marketcontent h4 {font-size: 22px;}
.marketcontent p {font-size: 14px; line-height: 20px;}
.marketImg {text-align: center; max-width: 60%; margin: 0 auto;}
.marketImg img {display: inline-block;}
.packagesection h2 {font-size: 26px; margin-bottom: 15px;}
.tabinner {height: 420px;}
.tabbingInner {padding-top: 50px;}
.Tabcontentleft {bottom: 30px;}
.Tabcontentright {width: 45%;}
.packagesection {clear: both; margin-top: 0;}
.packagesection .navihead {height: 86px;}
.packagesection .navihead li a {padding: 12px 5px;}
.packagesection .navihead li a img {max-width: 75%; display: inline-block;}
/*.SearchInner {box-shadow:0 6px 10px -1px #ccc;}*/
.m-display-none {display: none;}
.footer, .bot_sl, .bot_sl .privacy_link {text-align: center;}
.footer-logo img {display: inline-block;}
.yourDeliveryImg {max-width: 70%; margin: 0 auto;}

.SearchInner .main-bl {padding: 0;}
.pickupbox .dropdown-toggle {width: 100%; padding: 0;}

.SearchInner .main-bl li:nth-child(2n+1) .pickupbox .dropdown-toggle:after {right: 10px;}

.moreNav {margin-top: 18px;}
.moreNav .dropdown-toggle i {max-width: 70%;}
.moreNav .dropdown-item {font-size: 0.875rem; padding: 4px 12px;}

.headermenu .navigation ul li a:before, .headermenu .navigation li .sub-menu:before{display: none;}
.headermenu .navigation ul li .arrow{
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 12;
    width: 30px;
    height: 49px;
    pointer-events: inherit;
}
.headermenu .navigation ul li .arrow:before{
	border-color: #fff;
}
.headermenu .navigation li .sub-menu {
    float: left;
    width: 100%;
    position: static;
    display: none;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    border-top: none;
    transition: none;
    background: none;
    padding: 0;
    transform: translateY(0px) !important;
}
.headermenu .navigation li .sub-menu li {
    padding: 0 10px;
    border: none;
}
.headermenu .navigation li .sub-menu li a {
    padding: 10px 0;
    font-size: 12px;
}

}

@media only screen and (max-width: 735px) {
.servicesection ul li .services_box .img_box {height: 160px;}
/*.tabinner {height: auto; background: #f4fcff;}*/
.tabinner {height: 360px;}
.tabbingInner {padding: 50px 0 0;}
.Tabcontentright {width: 100%; text-align: center; margin: 0; padding: 0 15px;}
.Tabcontentright img {display: inline-block;}
/*.Tabcontentleft {position: inherit; bottom: inherit; text-align: center; margin-top: 30px; display: inline-block; width: 100%; padding: 0 15px;}
.Tabcontentleft img {display: inline-block;}*/
.Tabcontentleft {display: none;}
}

@media only screen and (max-width: 568px) {

.servicesection {margin-top: 20px;}
.servicesection ul li {width: 50%; margin-top: 30px;}
.servicesection ul li .services_box .img_box {height: 290px;}

.app-content-box .col-sm-2{max-width: 16%;}
.app-content-box .col-sm-10{width: 80%;}

.tabinner {height: 310px;}
/*.bannersection {height: 220px;}*/

}

/* common css for below screen 479 */
@media only screen and (max-width: 479px) {
.footer-logo img {max-width: 130px;}
/*.searchsection {margin-top: -30px;}*/
.pickupbox {margin-right: 0;}
.SearchInner .main-bl li {width: 100%; border-left:0; border-top:1px solid #e4e4e4; margin-bottom: 0; padding: 10px;}
.serchlink{padding: 0 10px; margin-top: 15px;}
.serchlink a{width: 100%;} 
.SearchInner .main-bl li:first-child{border-top:0px !important;}
.bot_sl .privacy_link a {padding: 0 5px;}
.servicesection ul li .services_box .img_box {height: 190px;}
.headermenu {width: 250px;}
.marketImg {max-width: 70%;}
.marketcontent h4 {font-size: 20px;}
.app-content-box .col-sm-2{max-width: 22%;} 
.app-content-box .col-sm-10{width: 78%;}
.appbtnbox a {max-width: 45%; margin-right: 6px;}
.tabinner {height: 235px;}
.searchsection {margin-top: 5px;}
/*#autoplayVideo {margin-top: -26px;}*/
.bannersection {height: 158px;}
.pickupbox .dropdown-toggle:after {right: 10px;}
.SearchInner .main-bl li:nth-child(2n+1) {border-top:1px solid #e4e4e4;}

}

@media only screen and (max-width: 360px) {
.servicesection ul li .services_box .img_box {height: 160px;}
.tabinner {height: 200px;}
.bannersection {height: 130px;}
}

@media only screen and (max-width: 350px) {

}

/* common css for screen size between 568 to 767 */
@media only screen and (min-width: 568px) and (max-width: 767px) {

}


/* common css for screen size between 600 to 767 */
@media only screen and (min-width: 576px) and (max-width: 767px) {
}


/* common css for screen size between 768 to 1199 */
@media only screen and (min-width: 768px) and (max-width: 1199px) {

}

/* common css for screen size between 768 to 1023 */
@media only screen and (min-width: 569px) and (max-width: 991px) {



}

/* common css for screen size between 1024 to 1199 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}