/* ==== Medium Layout: 1280px ==== */

@media only screen and (min-width: 992px) {
#search, #teacher, #blog, #chat, #signin, #support{display:none; }
	.about-btn a {
		padding: 6px 30px;
	}
	.about-video {
		margin-top: 0;
	}
	.service-content .col-lg-6:nth-child(5) .single-service,
	.service-content .col-lg-6:last-child .single-service {
		margin-bottom: 0;
	}
	.single-funfact {
		margin-bottom: 0;
	}
	.choose-content-wrap ul.nav-tabs .nav-item {
		margin-bottom: 0 !important;
	}
	.single-pricing-table,
	.single-footer-widget {
		margin-bottom: 0;
	}
	#mobile-app-area::after {
		display: inline-block;
	}
	.mobile-app-content h2 {
		font-size: 70px;
	}
	.app-btns a {
		font-size: 16px;
		margin-right: 40px;
		padding: 10px 20px;
	}
	.single-article .article-thumb {
		margin-right: 0;
	}
	.single-article.middle .article-thumb {
		margin-left: 0;
	}
	.article-body {
		padding: 0 25px;
	}
	.article-date {
		left: -58px;
		top: 50%;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	.single-article.middle .article-date {
		left: auto;
		right: -58px;
		z-index: 1;
	}
	.single-testimonial {
		margin-left: 100px;
		padding: 50px 30px 50px 70px;
	}
	.single-testimonial p {
		font-size: 13px;
		margin-bottom: 0;
	}
	.single-testimonial p,
	.single-testimonial h3 {
		text-align: left;
	}
	.client-logo {
		bottom: auto;
		left: -120px;
		margin-left: 0;
		top: 50%;
	}


	/* === HOME PAGE TWO RESPONSIVE CSS === */
	.slideshowcontent h1 {
		font-size: 70px;
	}
	.slideshowcontent {
		font-size: 17px;
	}
	.service-image,
	.home2-car-filter {
		margin-bottom: 50px;
	}
	.about-image {
		margin-top: 0;
	}
	.about-feature-item {
		margin-bottom: 0;
	}


	/* === HOME PAGE THREE RESPONSIVE CSS === */
	#book-a-car {
		padding-top: 0;
	}
	.booka-car-content {
		margin-top: -120px;
	}
	.ourcar-pic {
		margin: 0;
	}

	/* === CAR and ABOUT PAGE RESPONSIVE CSS === */
	.car-list-info {
		margin-left: -15px;
	}
	.car-list-content .col-lg-6:nth-child(3) .single-car-wrap {
		margin-bottom: 0;
	}
	.single-service-item:nth-child(2n+1) .service-item-content {
		padding-right: 0;
	}
	.single-service-item:nth-child(2n+2) .service-item-content {
		padding-left: 0;
	}
	.pricing-details-content .col-lg-6:nth-child(3) .single-pricing-table,
	.single-our-facility {
		margin-bottom: 0;
	}
}


/* ==== Wide Tablet Layout: 767px ==== */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.slicknav_menu {
		display: block;
	}
	.slider-right-text {
		font-size: 16px;
		text-align: center;
		margin-top: 50px;
	}
	.slider-right-text h1,
	.slideshowcontent h1 {
		font-size: 45px;
	}
	.about-btn a {
		padding: 6px 30px;
	}
	.about-video {
		margin-top: 50px;
	}
	.single-funfact {
		margin-bottom: 50px;
	}
	.funfact-content-wrap .col-lg-4:last-child .single-funfact {
		margin-bottom: 0;
	}
	.choose-content-wrap ul.nav-tabs .nav-item {
		margin-bottom: 0 !important;
	}
	.single-pricing-table,
	.single-footer-widget {
		margin-bottom: 50px;
	}
	#footer-area .col-lg-4:last-child .single-footer-widget,
	#pricing-area .col-lg-4:last-child .single-pricing-table {
		margin-bottom: 0;
	}
	#mobile-app-area::after {
		display: none;
	}
	.mobile-app-content h2 {
		font-size: 40px;
	}
	.app-btns a {
		font-size: 16px;
		margin-right: 40px;
		padding: 10px 20px;
	}
	.app-btns a i {
		font-size: 20px;
	}
	.article-body {
		padding: 50px 15px 25px 15px;
	}
	.article-date,
	.single-article.middle .article-date {
		left: 50%;
		top: 9px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.single-testimonial {
		margin-left: 100px;
		padding: 50px 30px 50px 70px;
	}
	.single-testimonial p {
		font-size: 13px;
		margin-bottom: 0;
	}
	.single-testimonial p,
	.single-testimonial h3 {
		text-align: left;
	}
	.client-logo {
		bottom: auto;
		left: -70px;
		margin-left: 0;
		top: 50%;
	}

	/* === HOME PAGE TWO RESPONSIVE CSS === */
	.slideshowcontent {
		font-size: 16px;
	}
	.bookinput-item {
		margin-bottom: 15px;
		width: 49.5%;
	}
	.bookinput-item:nth-child(2) {
		margin-right: 0
	}
	.bookinput-item:nth-child(4) {
		margin-right: 0
	}
	.bookinput-item:last-child {
		margin-bottom: 0
	}
	.team-tab-menu {
		margin-bottom: 30px;
	}
	.service-image {
		margin: 50px 0;
	}
	.service-content .col-lg-6:nth-child(5) .single-service {
		margin-bottom: 0;
	}
	.home2-car-filter {
		margin-bottom: 50px;
	}
	.about-image {
		margin-top: 50px;
	}
	.about-feature-item {
		margin-bottom: 30px;
	}
	.ourcar-pic {
		margin: 50px 0;
	}

	/* === CAR PAGE RESPONSIVE CSS === */
	.car-list-info {
		padding: 20px;
	}
	.m-t-50 {
		margin-top: 50px;
	}
	.car-list-content .col-lg-6:nth-child(3) .single-car-wrap {
		margin-bottom: 0;
	}

	/* === SERVICE and ABOUT PAGE RESPONSIVE CSS === */
	.service-item-content,
	.service-item-thumb {
		float: none;
		width: 100%;
	}
	.service-item-content {
		padding: 50px 0;
	}
	#our-facility .col-lg-3:nth-child(3) .single-our-facility,
	#our-facility .col-lg-3:last-child .single-our-facility {
		margin-bottom: 0;
	}
	.single-our-facility {
		margin-bottom: 50px;
	}
	.pricing-details-content .col-lg-6:nth-child(3) .single-pricing-table {
		margin-bottom: 0;
	}

}

/* ==== Mobile Layout: 320px ==== */

@media only screen and (max-width: 767px) {
.tbutton {width:50%;}
	.slider-right-text {
		font-size: 14px;
		text-align: center;
		margin-top: 50px;
	}
	.slider-right-text h1,
	.slideshowcontent h1 {
		font-size: 30px;
	}
	.about-btn a {
		padding: 5px 25px;
	}
	.about-video {
		margin-top: 50px;
	}
	.single-funfact {
		margin-bottom: 50px;
	}
	.funfact-content-wrap .col-lg-4:last-child .single-funfact {
		margin-bottom: 0;
	}
	.choose-content-wrap ul.nav-tabs li.nav-item {
		margin-bottom: 10px !important;
	}
	.single-pricing-table,
	.single-footer-widget {
		margin-bottom: 50px;
	}
	#footer-area .col-lg-4:last-child .single-footer-widget,
	#pricing-area .col-lg-4:last-child .single-pricing-table {
		margin-bottom: 0;
	}
	#mobile-app-area::after {
		display: none;
	}
	.mobile-app-content h2 {
		font-size: 26px;
	}
	.app-btns a {
		font-size: 13px;
		margin-right: 10px;
		padding: 8px 15px;
	}
	.app-btns a i {
		font-size: 13px;
	}
	.article-body {
		padding: 50px 15px 25px 15px;
	}
	.article-date,
	.single-article.middle .article-date {
		left: 50%;
		top: 9px;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.single-testimonial::after {
		display: none;
	}
	.single-testimonial {
        width:100%;
        height:150px;
        left:0;
        margin-top:100px;
		padding: 15px;
	}
	.single-testimonial p {
		font-size: 12px;
		margin-bottom: 150px;
	}
	.single-testimonial p,
	.single-testimonial h3 {
		text-align: center;
	}
	.client-logo {
		bottom: 3px;
		left: 40%;
		margin-left: -52.5px;
		top: -28%;
	}
	.team-member-pro-pic {
		margin: 10px 0;
	}


	/* === HOME PAGE TWO RESPONSIVE CSS === */
	.slideshowcontent {
		font-size: 13px;
	}
	.bookinput-item {
		margin-bottom: 15px;
		width: 100%;
	}
	.service-image {
		margin: 50px 0;
	}
	.home2-car-filter {
		margin-bottom: 50px;
	}
	.about-image {
		margin-top: 50px;
	}
	.about-feature-item {
		margin-bottom: 30px;
	}


	/* === HOME PAGE THREE RESPONSIVE CSS === */
	.single-we-do {
		margin-bottom: 30px;
	}
	.ourcar-pic {
		margin: 50px 0;
	}
	/* === CAR PAGE RESPONSIVE CSS === */
	.car-list-info {
		padding: 20px;
	}
	.m-t-50 {
		margin-top: 50px;
	}
	.name-input {
		margin-bottom: 30px;
	}
	.car-details-content h2 {
		font-size: 20px;
	}
	/* === SERVICE and ABOUT PAGE RESPONSIVE CSS === */
	.service-item-content,
	.service-item-thumb {
		float: none;
		width: 100%;
	}
	.service-item-content {
		padding: 30px 0;
	}
	#our-facility .col-lg-3:last-child .single-our-facility {
		margin-bottom: 0;
	}
	.single-our-facility {
		margin-bottom: 50px;
	}

 .newuser-box{display:block;width:100%;float:none;margin-left:0%; }   
 .olduser-box{display:block;width:100%;float:none;  }
 .logo_text{font-size:0.6em; } 
 .mlogo{display:block;text-align:center; margin-top:-65px;}
 .slide_show{
width:100%;
padding: 0px;
}
#header-top{display:none; }
#hlft{display:none;}
#hcent{display:none;}
#hrgt{display:none; }
#hhlft{text-align:center;}
#hhrgt{text-align:center; }
#hrgt ul{width:100%; text-align:center; }
#hrgt ul li{width:auto; font-size:1.5em;}
.pre_footer{padding:1px 0; }
.single-footer-widget h2, .single-footer-widget ul{text-align:center; }
.header-group2 h5 .btn{display:block; }
.header-group2 span{width:100%; text-align:right !important; }
#foot-bottom ul{width:100%;text-align:center; }
#foot-bottomr p{width:100%;text-align:center; }
#errorMessage{display:none; position:fixed;z-index:9999;top:20%;left:5%;width:90%;}
#icross, #icut{display:none;position:fixed;top:21%;right:26%;z-index:9999; }
.rarrow {width: 60px;}
.arline {margin-top: 20px;width:40px;height: 3px;float: left;}
.rpoint {margin-top:16px;}
.toarr{position:absolute;display:inline;margin:5px 0 0 -40px;font-size:8px;}
.boarr{position:absolute;display:inline;margin:25px 0 0 -40px;font-size:8px;}
.rreaction::after{font-size:55px;} 
.table_medium{font-size:10pt;}


.lieditor_main{width:100%;display:block; }
.code_tag{float:none;width:100%;margin-left:0%;  }
.code_editor{float:none;width:100%;}
.code_prv{float:none;width:100%; margin-left:0%;}

.topiclogo{
overflow-y:hidden;
-webkit-overflow-scrolling: touch;
 }
.topiclogo ul{
width:1740px;
 }
.hmain_view{
 margin-top:3px;
  }
.sldh{
position:absolute;top:-155px;text-align:left;text-transform: uppercase; font-size:26px;font-weight:900; color:#ffffff;
 }
.sldhs{
position:absolute;top:-125px;font-size:16px;font-weight:900;color:#FFFFFF;
 } 
.sldht{
width:90%;top:-60px;line-height:22px; font-size:14px;
 }
.home-button {top:-85px;}
.mpaccordion img{
width:97%;
 }
}
@media only screen and (max-width: 500px) {
.mpaccordion img{
width:90%;
 }
.mpaccordion:after {
  margin-top:6%;
}
}