/* Media Queries
-------------------------------------------------------------- */
@media (min-width: 1200px) {

}

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	#mainnav > ul > li > a {
		padding: 0 17px;
	}
	.header07 .topbar .left p.icon {
	    width: 25px;
	    height: 25px;
	    line-height: 25px;
	}
	.header07 #mainnav > ul > li > a {
	    padding: 0 27px;
	}
	.tp-banner .tp-caption h1,
	.tp-banner .tp-caption.text1 {
		padding-left: 30px;
	}
	.tp-banner .tp-caption.btn01,
	.tp-banner .tp-caption.btn02 {
		margin-left: 30px;
	}
	.feature-box .text {
		max-width: 820px;
		padding: 70px 20px 40px 80px;
	}
	.news-box .post {
		margin-bottom: 30px;
	}
	.news-box .post .media {
		max-width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.news-box .title-post {
		line-height: 24px;
	}
	.news-box .readmore {
		margin-top: 15px;
	}
	.page-portfolio article h3 {
		font-size: 17px;
	}
	.footer .footernav01 {
		margin-right: 3.9%;
	}
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	.topbar .left ul, .topbar .right ul {
		padding: 0;
	}
	.header02 .topbar .left ul, .topbar .right ul,
	.header04 .topbar .left ul, .topbar .right ul {
		display: none;
	}
	.header06 #header #logo {
	    margin-top: 13px;
	}
	.header06 #header #logo a img {
	    max-width: 160px;
	}
	.header07 #mainnav > ul > li > a {
	    padding: 0 13px;
	}
	.header07 .topbar .left .open-hours {
	    display: none;
	}
	.header07 .topbar .center #logo {
	    text-align: center;
	}
	.header07 .topbar .center #logo img {
	    max-width: 165px;
	}
	.header08 .topbar .right .open-hours {
		display: none;
	}
	.header08 .mega-wrap ul li a {
	    padding-left: 0;
	}
	.header08 .topbar .right {
	    top: 11px;
	}
	.main-content,
	.sidebar,
	.left-sidebar .main-content,
	.left-sidebar .sidebar,
	.right-sidebar .main-content,
	.right-sidebar .sidebar {
		float: none;
		width: 100%;
	}
	.counter .name {
	    margin-bottom: 30px;
	}
	.right-sidebar .blog-post .main-content > .content {
		margin-right: 0;
		padding-right: 0;
		border-right: 0;
	}
	.left-sidebar .blog-post .main-content > .content {
		margin-left: 0;
		padding-left: 0;
		border-left: 0;
	}
	.page-portfolio article h3 {
		font-size: 13px;
	}
	.page-contact02 .contact-info .item,
	.page-contact03 .contact-info .item {
	    text-align: left;
	}
	.page-contact02 .contact-info .item .icon-wrap,
	.page-contact03 .contact-info .item .icon-wrap {
		text-align: center;
	}
	.page-contact02 .contact-info .icon-wrap i,
	.page-contact03 .contact-info .icon-wrap i {
	    font-size: 34px;
	    width: 70px;
	    height: 70px;
	    line-height: 70px;
	}
	.masonry h2.title-post {
	    font-size: 18px;
	}
	.news-box02 .text {
	    padding: 70px 20px 65px 66px;
	}
}



/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.topbar .left ul li {
		margin-left: 13px;
	}
	.header-top .logo {
		top: 4px;
		width:100%;
	}
	.header-top .info .address {
		margin-right: 10px;
	}
	.header-top .info .open-hours {
		margin-right: 0;
	}
	.header-top .info .text,
	.header-top .open-hours .text {
		max-width: 250px;
		line-height: 19px;
		letter-spacing: -0.3px;
	}
	.header-top .info .icon {
		margin-right: 5px;
		width: 35px;
		height: 35px;
		padding-top: 5px;
	}
	#mainnav > ul > li > a {
		padding: 0 8px;
		font-size: 15px;
	}
	.get-appointment a {
		font-size: 12px;
		padding: 0 12px;
	}
	.header02 .get-appointment a,
	.header03 .get-appointment a {
		padding: 0 10px;
	}
	.feature-post {
		padding-top: 50px;
		padding-bottom: 20px;
	}
	.feature-post .feature h3 a {
		padding: 11px 15px;
		font-size: 14px;
		letter-spacing: 0;
	}
	h2.title {
		font-size: 30px;
		margin-bottom: 50px;
	}
	.services-box {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.icon-box {
		margin-bottom: 30px;
	}
	.icon-box i {
		font-size: 35px;
	}
	.icon-box .text {
		padding-left: 45px;
	}
	.icon-box .text h3 {
		font-size: 17px;
		margin-bottom: 10px;
	}
	.feature-box .text {
		padding: 50px 20px 25px 40px;
	}
	.feature-box .text h3 {
		font-size: 34px;
		margin-bottom: 15px;
	}
	.feature-box .text h3 span {
		font-size: 16px;
		line-height: 22px;
		margin-top: 11px;
	}
	.feature-box .text p {
		margin-bottom: 30px;
	}
	.testimonial-box {
		padding-top: 52px;
		padding-bottom: 25px;
	}
	.testimonial .text span.name {
		margin-top: 15px;
	}
	.request-box {
		padding-top: 52px;
		padding-bottom: 67px;
	}
	.news-box {
		padding-top: 52px;
		padding-bottom: 28px;
	}
	.news-box .post .media {
		float: none;
	}
	.news-box .title-post {
		line-height: 22px;
		margin-top: 10px;
	}
	.news-box .readmore {
		margin-top: 16px;
	}
	.more-info h3 {
		font-size: 30px;
	}
	.more-info input[type="email"] {
		width: 153px;
	}
	.footer .footer-logo {
		margin: 17px 0 14px 4px;
		max-width: 190px;
	}
	.footer .footernav01 {
		margin-right: 1.9%;
	}
	.footer .footernav02 {
		width: 32%;
		margin-right: 2%;
	}
	.footer .footernav03 span {
		margin-bottom: 5px;
	}
	.footer02 .footer-recent ul li span.media {
	    max-width: 70px;
	}
	.footer02 .footer-recent ul li a,
	.footer02 .footer-recent ul li span.date {
	    margin-left: 85px;
	}
	.footer02 .footer-recent ul li {
	    margin-bottom: 35px;
	}
	.footer02 .footernav03 .subscribe-form label {
	    padding-right: 100px;
	}
	.footer02 .footernav03 input[type="submit"] {
		padding: 15px 13px 12px;
	}
	.footer04 .footer-logo {
		max-width: 100%;
	}

	.newquery-form button.btn-default{ width:100%!important; margin-left:0px!important;}
	.priceing-table-main .price-grid{ width:100%!important; margin-right:0px!Important;}
	.subscribe{ float:left!important; width:100% !important; margin-bottom:0px!important;}
	.more-info h3{ float:left!important; width:auto!important; text-align:left!important; margin-left:15px!important;}
	.subscribe form{ float:left!important; width:100%!important;}
	.subscribe form input{ float:left!important; width:100%!important; margin-right:0px!important; margin-bottom:15px!important;}

	.nav-pills > li{ width:33.33333333%!important; margin-bottom:15px!important;}
	.nav-tabs > li{ width:33.33333333%!important; margin-bottom:15px!important;}
	.nav-tabs > li a{ margin:0 auto!important; text-align:center; width:100%;}
	.nav-tabs > li a .round-tabs{ margin:0 auto!important; text-align:center; width:100%;}

	.pro-service{ padding:0px!important; margin-top:0px!important; margin-bottom:30px!important; margin-left:0px!important; margin-right:0px!important;}
	.pro-service p{ text-align:center!important;}
	.requestform{ padding-left:0px!important;}
	.progress{ margin-left:0px!important; width:100%!important;}
}

@media only screen and (max-width: 768px) {
.footernav01{ width:100%!important;}
.footernav03{ width:100%!important;}
.footer .bottom{ padding-bottom:50px!important;}
#tawkchat-minified-container{ display:none!important;}

.call-area{ display:block!important;}
}

@media only screen and (max-width: 600px) {
.top-area{ display:block!important;}
.logo{ float:left!important; width:30%!important;}

.ban-box{ margin:0%!important; padding:0%!important; flex-wrap:wrap!important; flex-direction:column!important;}
.info-area{ flex-grow:1!important; width:auto!important; margin:0px!important;}
.info-area .comp-price h1{ text-align:center!important; font-size:30px!important; line-height:31px!important; margin-bottom:10px!important;}
.info-area .comp-price p{ border-right:none!important;}
.info-area .comp-price .ser-box{ margin-top:20px!important; margin-left:140px!important; margin-right:140px!important;}
.headline{ margin-left:20%!important; margin-right:20%!important;}
.free-service{ margin-left:20%!important; margin-right:20%!important;}

.aero-area{ display:none!important;}
.fill-area{ padding:0px!important; margin-right:10%!important; margin-left:10%!important; margin-top:20px!important; margin-bottom:40px!important; flex-grow:1!important; min-width:70px!important;}
.more-info .subscribe{ text-align:left!important; margin:0px!important;}
.request-box{ padding-top:15px!important; padding-bottom:40px!important;}
.request-box .title{ font-size:26px!important;}
.request-box .text{ display:none!important;}


.header-top{ padding-top:15px!important; padding-bottom:10px!important; background-color:#F4F4F4; border-color:#F4F4F4; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.pull-right{ float:none!important;}
.btn-default{ width:100%!important; margin-left:0px!important;}
.header-top .logo{ margin-left:auto!important; margin-right:auto!important; text-align:center!important; left:0px!important; right:0px!important; display:block!important;}
.header-top .info{ display:none!important;}
.price-grid{ width:100%!important;}
.more-info h3{ margin-top:15px!important; font-size:21px!important;}
.subscribe form input{ float:left!important; width:100%!important; margin-right:0px!important; margin-bottom:15px!important;}
h2.title{ font-size:28px!important; margin-bottom:45px!important;}
.nav-pills > li{ width:100%!important; margin-bottom:15px!important;}
.nav-tabs > li{ width:100%!important; margin-bottom:15px!important;}
.nav-pills > li.active > a h3, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{ background:#133974; color:#fff;}
.pro-service p{ text-align:center!important;}
.requestform{ padding-left:0px!important;}
.requestform p label{ display:none;}
.requestform p:first-child label{ display:block!important;}
.requestform p{ width:100%!important;}

.footer .bottom p{ text-align:center!important;}
.progress{ margin-left:0px!important; width:100%!important;}
	
.well .newquery-form{ margin-left:0px!important;}

.board .board-inner{ padding-top:30px!important;}

.footer{ padding-top:0px!important;}
.footer .container{ display:none!important;}
.footer .bottom{ margin-top:0px!important; padding-top:15px!important; padding-bottom:56px!important;}
.footer .bottom .container{ display:block!important;}
.price-list ul{ padding:5px 0!important; background:#004cd2; margin:0 auto; width:65%;}
.blinking{ animation: blinkingText 1s infinite;}

.board-inner ul li a span div{ margin:0 auto!important;}
.pro-service{ width:100%!important;}
.pro-service div{ width:100%!important;}

.banner-area{ height:auto!important;}
.banner-area .banner-title{ width:100%!important;}
.banner-area .banner-img{ display:none!important;}
.banner-area .bq_form{ padding-top:30px!important; padding-bottom:30px!important; margin-top:30px!important; margin-bottom:30px!important;}
.banner-area .bq_form .form-title{ padding-bottom:30px!important;}
.qr_call h3{ font-size:24px!important;}
.down-gst .form-group{ width:100%!important; margin-left:0px!important; margin-right:0px!important;}
.down-gst .form-horizontal .btn-submit{ float:left!important; width:100%!important;}

.query_box .form-title{ padding-bottom:30px!important;}
}


@media only screen and (max-width: 480px) {
.logo{ width:40%!important;}
.info-area .comp-price .ser-box{ margin-left:100px !important; margin-right:100px !important;}
.request-box .title{ font-size:24px!important;}
.fill-box .form-group{ margin-bottom:10px!important;}

.more-info h3{ text-align:left!important;}
}

@media only screen and (max-width: 360px) {
.logo{ width:50%!important;}
.info-area .comp-price .ser-box{ margin-left:50px !important; margin-right:50px !important;}
.ban-box{ flex-wrap: nowrap!important;}
.headline{ margin-left:10%!important; margin-right:10%!important;}
.free-service{ margin-left:10%!important; margin-right:10%!important;}
.fill-area{ margin-right:5% !important; margin-left:5% !important;}
.fill-box h6{ font-size:15px!Important;}
.request-box .title{ font-size:24px!important;}
.more-info h3{ text-align:left!important;}
.call-4 a{ padding-left:8px!Important; padding-right:8px!Important; font-size:14px!important;}
.center-state{ font-size:12px!important;}
}

@media only screen and (max-width: 320px) {
.logo{ width:60%!important;}
.fill-box h6{ font-size:13px!Important;}
.info-area .comp-price h1{ font-size:26px!important;}
.info-area .comp-price .ser-box{ margin-left:30px !important; margin-right:30px!important;}

.request-box .title{ font-size:20px!important;}
.call-4 a{ padding-left:8px!Important; padding-right:8px!Important; font-size:10px!important;}	
}