
@media (max-width:1366px) {
.bootstrap-select > .dropdown-toggle {    width:100% !important;}
.form_wrpper .form-control{width:86%;}
.mainwrapper { width: 100%;}
.partner_box_wrapper {    bottom: -20%;}
.sub_banner_content {    bottom: 10%;}
}


@media (max-width:1280px){
	
.sub_banner_content {       bottom: 13%;   }	
.service_box_wrapper {    top: -5%;}
.banner_item {    bottom: 44%;    }
}



@media (max-width:1024px){
	
.banner_item {bottom:18%;}
.services_item{margin: 10px 0;}
ul.topright {padding-left: 10px !important;border-top: 1px solid #ccc;}	
.navbar-expand-lg .navbar-nav .nav-item {    padding-right: 1rem;    padding-left: 1rem;}
	
}

@media (max-width: 980px){
	
.banner_item{padding: 0 !important;}
.banner_bottom{ margin-bottom: 20px;}
.logo{margin: 10px 0;}
	
}


@media (max-width: 800px){
	
	
h1 {font-size: 1.5rem !important}
h2 {font-size: 1rem !important}
.mainmenu{position: initial;padding-bottom: 5px;padding: 0;	}
.topright{padding: 10px !important;}
ul.topright li{width: 100%;margin-bottom: 20px;}
.bg-light{background-color: rgb(3, 31, 154)!important;}
.navbar-light .navbar-toggler{color: #fff;border-color: #ffffff70;}
.quick_tab {position: initial !important;top: 60px;}
.service_box_wrapper {position: inherit;margin: 0;    width: 100%;    right: 0; margin-top: 20px}
.sub_banner_content { display: none; margin-bottom: 30px;}	
.sub_banner_content h1, .sub_banner_content ul li{ color: #000}
ul.services_list {columns: 2;-webkit-columns: 2;-moz-columns: 2;}
.services_item .visit-link {bottom:10px;right: 15%;}
.services_item .visit-link a{ font-size: 10px;}
.slider-center{ width: 100%;}
.slider-wrapper .slider_item h2{ font-size: 12px !important;}
.testimonials-wrapper .carousel{ width: 100% !important;}
.referral_model{ max-width: 100% !important;}
.partner_box_wrapper{  width: 96%;    position: inherit;    margin: 10px auto;}	
.sub_banner_content p{ color: #000}
.navbar-light .navbar-brand { display: block}
.rating_item { padding: 10px}
.user_profile {     min-height: auto;       margin-bottom: 20px;}
.container.services-wrpper {    margin-top: 0 !important;    padding-top: 0 !important;}
.bx-wrapper .bx-pager{ display: none}
.side-collapse-container{width:100%;position:relative;left:0;transition:left .4s;}
.side-collapse-container.out{left:200px;}
.side-collapse {top:50px;bottom:0;left:0;width:200px;position:fixed;overflow:hidden;transition:width .4s;}
.side-collapse.in {width:0;}
.banner_bottom img{ width: 40px; height: 40px;}
.lg-logo, .bx-controls{ display: none}
.md-logo{ display: block}
.fixed-top { position: initial !important}
.nav-xbootstrap li a {    padding: 10px 20px !important; }
.navbar-light .navbar-nav .nav-link {    color: #4a4a4a;   }
.navbar-expand-lg .navbar-nav .nav-item {    padding-right: 0;    padding-left: 0;}
.modal {        z-index: 99999;       top: 5%;}	
.topbar { margin-top: 12%;  padding-top: 8% !important;    padding-bottom: 10px !important; }
.nav-xbootstrap ul {     padding-top: 0px; }
.banner_bottom {border: 0.5px solid #efefef;}	
.banner_bottom {    width: 33.3%;    margin-bottom: 0 !important;}
.banner_item { margin-bottom: 20px;}
.m-margin-left { margin-left: 15%;}
.services_item img{ width: 30%;}
.services_item {min-height: 130px;}
.services_item span{ font-size: 12px;}
.trending_details, .trending_details span {font-size: 12px;}
.trending_item {    min-height: 220px;    padding: 5px;    margin: 2px;}
.visit_link, .trending_details .float-right, .trending_details .float-left { float: none !important}
.pb-5 {padding-bottom: 1rem !important;}	
.pt-5{ padding-top: 1rem !important;}
.slider-content{ min-height: auto;}
.testimonials-wrapper .carousel-control.left { left: 0}
.testimonials-wrapper .carousel-control-next {    right: 0%;}
.plan1, .plan3 { margin-top:0}
.slider_item { margin-bottom: 0 !important}
.owl-carousel{ margin: 0;}
.nav-bg-xbootstrap { position: fixed}
.mt-10,.mt-7 {    margin-top: 1rem !important;}	
/*.form_wrpper .form-control {    margin-bottom: 20px;}	*/
.pr-m-0{    padding-right: 0;}
.footer-contact ul li {margin-right: 15px;font-size: 12px;}
.scene {    height: 130px;  }
.fcard__face--back p {    font-size: 12px;    padding-top: 2%;}	
.owl-prev img , .owl-next img { max-width:100% !important; }
.owl-carousel .owl-nav .owl-next {    right: -25px !important;}
.mobileview, .mobilebook_btn{ display: block}
.desktopview{display: none}
.plan_selection .link {margin-bottom: 30px;    display: block;}
.step span {       right: 18px;    font-size: 10px;}
.tracking_wrapper ul li {    margin-right: 30px;}	
.plan_item_popup .form_wrpper .form-control { margin-bottom: 10px;}
	
div#fourthdiv {    margin-bottom: 30px;}
.plan_item_popup .modal-dialog,
.plan_item_popup .modal-content {
    /* 80% of window height */
    height: 80%;
}

.plan_item_popup .modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: calc(100% - 120px);
    overflow-y: scroll;
}	
	
	
	
}



@media (max-width:767px){
	
/*.top-right .float-right{ float: none !important}*/
.book-btn{ /*margin: 10px auto; */display: block;    font-size: 10px !important;}
.topbar .selectpicker {    width: 50%;    float: left;}
.topbar .top-right {    width: 50%;    float: left;}
.bootstrap-select .dropdown-toggle .filter-option {    padding: 10px 10px !important;}
ul.topright li{width: 100%;margin-bottom: 20px;}
.text-center {margin: 0 !important;}
.customer_count:after{ content: none}	
.testimonials-wrapper .quote_icon2 , .testimonials-wrapper .quote_icon1{width: 20px;height:20px;}
.subscribe_btn{margin-top: 5px;}
.footer-wrapper h1 {font-size: 18px !important;margin-bottom: 10px;}	
.professionals_slider, .recommended_slider { width: 100%}
.bootstrap-select.form-control {    border: 1px solid #f1eeee !important;}
.banner_item p{ font-size: 11px;}	
}

@media (max-width:568px){
ul.services_list {columns:1;    -webkit-columns: 1;    -moz-columns: 1;}	
.sliderlarge .slider-img img{ width: 80%;}
#slider5 .slider-img img{ width: 80%;}
#slider6 .slider-img img{ width: 80%;}
#articles .slider-img img{ width: 80%;}
#slider7 .slider-img img{ width: 80%;}
.quality-img {    margin: 10px 0;    float: none !important;    text-align: center;    display: block;    margin: 10px auto;}
.customer_count img   { width: 100%;}
.customer_count h1 {    font-size: 16px !important;}
.customer_count h2 {    font-size: 14px !important;}

	
}

 @media only screen and (max-width:1199px) {


}