/*--------------------------------------

Media Query

----------------------------------------*/



@media (max-width: 1370px) {

	.container{

		padding: 0 10px;

	}

	/*--------------------------------------

	Header css

	----------------------------------------*/



	/*----------------- Menu -----------------*/

	.header-menu ul li {

		padding: 0 10px;

	}

	.header-menu ul li.quote-btn a {

		padding: 12px;

		font-size: 14px;

	}
	.service-box{
		padding: 30px 25px 10px;
	}

}



@media (max-width: 1349px) {

	.pd-top-50 {

		padding-top: 50px;

		padding-bottom: 50px;

	}

	.our-experts-sec.pd-top-50 {

		padding-bottom: 0;

	}

	.tp-parallax-wrap {

		padding-left: 20px;

	}

}



@media (max-width: 1199px) {

	/*--------------------------------------

	Header css

	----------------------------------------*/

	.site-branding {

		padding-left: 15px;

	}

	.logo_container img {

		max-width: 256px;

	}

	.header-menu {

		width: calc(100% - 278px);

		padding-right: 15px;

	}

	/*--------------------------------------

	Banner css

	----------------------------------------*/

	.banner-title {

		margin-bottom: 20px !important;

	}

	.banner-title .tp-caption{

		width: 680px !important;

	}

	.banner-title .tp-caption{

		word-break: inherit !important;

	}

	.custom-1 .tp-bullet {

		right: -30px !important;

	}

	/*--------------------------------------

	About Us

	----------------------------------------*/

	.right-col-cls p {

		padding-right: 30px;

	}

	/*--------------------------------------

	RECENT WORKS

	----------------------------------------*/

	.project-details {

		width: calc(33.33% - 7px);

		margin-right: 6px;

		margin-bottom: 6px;

	}

	.project-banner img {

		height: 250px;

	}
	.service-box h2{
		font-size: 20px;
	}

}

@media (max-width: 1140px){
	.services .in-col-3{width: 30%;}
}
@media (max-width: 1115px){
	.service-box h2 {
	    font-size: 18px;
	}
}
@media (max-width: 1024px) {

	/*----------------- menu -----------------*/

	.logo_container img{

		z-index: 99;

		position: relative;

	}

	.header-menu h6 {

		margin-top: 0;

		position: absolute;

		margin-top: -60px;

		right: 20px;

		margin-bottom: 0;

		cursor: pointer;

		z-index: 9;

	}

	.header-menu h6 span {

		border: 2px solid #000;

		width: 28px;

		display: inherit;

		margin-left: auto;

		margin-bottom: 4px;

	}

	.site-header {

		position: inherit;

	}

	.header-menu .menu {

		position: absolute;

		left: 15px;

		right: 15px;

		background: #b0785b;

		left: 0;

		top: 0;

		bottom: 0;

		z-index: 99;

		width: 270px;

		padding: 18px 15px;

		line-height: 30px;

		transform: translateX(-270px);

		transition: transform .5s ease;

	}

	.header-menu .menu.open-menu {

		transform: translateX(0);

	}

	.header-menu{

		width: 100%;

	}

	.header-menu ul {

		width: 100%;

		text-align: left;

	}

	.header-menu ul li{

		display: block;

	}

	.header-menu ul li a{

		color: #fff;

	}

	.header-menu ul li a:hover, .header-menu ul li a:focus {

		color: #02707c !important;

	}

	.header-menu ul li.quote-btn a {

		padding: 10px 18px !important;

		font-size: 14px;

		background: transparent;

		border: none;

		padding-left: 0 !important;

		text-decoration: underline;

		padding-top: 0;

	}

}



@media (max-width: 991px) {

	/*--------------------------------------

	Header css

	----------------------------------------*/



	/*----------------- Logo -----------------*/

	.site-branding{

		padding-left: 15px;

	}

	.custom-logo-link img {

		max-width: 250px;

	}

	/*----------------- Menu -----------------*/

	.header-menu {

		width: calc(100% - 270px);

		padding-right: 20px;

	}

	.header-menu ul li a {

		font-size: 15px;

	}

	/*--------------------------------------

	About Us

	----------------------------------------*/

	.in-col-2 {

		width: 100%;

	}

	/*--------------------------------------

	Expert in field

	----------------------------------------*/

	.expert-in-feild-sec .in-col-2 {

		padding: 0;

	}

	/*--------------------------------------

	RECENT WORKS

	----------------------------------------*/

	.tab-label {

		font-size: 16px;

		margin: 0 11px;

	}

	.view-all-link {

		margin-top: 0;

	}

	.view-all-link a {

		font-size: 16px;

	}

	.project-details {

		width: calc(50% - 6px);

		margin-right: 6px;

		margin-bottom: 5px;

	}

	.project-details:nth-child(3n) {

		margin-right: 6px;

	}

	.project-details:nth-child(2n) {

		margin-right: 0;

	}

	.project-banner img {

		height: 300px;

	}
	.in-col-4{width: calc(50% - 5px);}

	/*--------------------------------------

	Our Experts

	----------------------------------------*/

	.expert-dec h4 {

		font-size: 19px;

	}

	.expert-dec span {

		font-size: 16px;

	}

	/*--------------------------------------

	Footer

	----------------------------------------*/

	.footer-column, .footer-column:nth-child(2) {

		width: 100%;

	}



	/*--------------------------------------

	Blog single page

	----------------------------------------*/

	.single-post-content #left-area, .post-sidebar, #sidebar-post, .blog-left-content {

		width: 100%;

		padding: 0;

	}

	.post-sidebar {

		padding-top: 50px;

	}

	.widgettitle {

		max-width: 100%;

	}

	.blog-list {

		padding-right: 5px;

		margin-bottom: 40px;

	}

	.blog-list:nth-child(2n) {

		padding-right: 0;

	}
	.accordion-left{padding-right: 0px;}
	.accordion-right{padding-left: 0px;}
	.our-service .in-col-3, .get-quote .in-col-3{
		width: calc(50% - 3px);
	}
	.services .in-col-3 {
	    width: 100%;
	}
	.service-box{
		text-align: center;
		margin-bottom: 35px;
		margin-left: 50px;
    	margin-right: 50px;
	}
	.chart-container .pr-chart-ctrl{width: 50%;margin-bottom:50px}
	.contact-section .in-col-3{
		width: 32%;
	}
	.get-quote-contact .et_pb_column_1, .get-quote-contact .et_pb_column_2{
		width: 100%;
	}
	.get-quote-contact .et_pb_column_2 .quote-image{
		padding-left: 0;
		margin-bottom: 50px;
		text-align: center;
	}
	.get-quote-contact .contact-form form{margin-bottom: 50px;}
	.get-quote-contact .contact-form form .et_contact_bottom_container {
	    text-align: center;
	}
}



@media (max-width: 778px) {

	.tp-parallax-wrap {

		position: relative !important;

		top: 36% !important;

		display: block !important;

	}

	.banner-title .tp-caption {

		width: 100% !important;

		font-size: 40px !important;

		line-height: 40px !important;

		max-width: 547px !important;

	}

	.tp-caption {

		font-size: 18px !important;

		white-space: normal !important;

		line-height: 24px !important;

	}

	.banner-btn .tp-caption {

		padding: 12px 15px !important;

		font-size: 16px !important;

	}

}



@media (max-width: 767px) {



	.sec-subtitle{

		font-size: 15px;

	}

	.sec-title {

		font-size: 25px;

	}

	/*--------------------------------------

	Header css

	----------------------------------------*/



	/*----------------- Logo -----------------*/

	.site-branding {

		padding-right: 85px;

	}

	.logo_container img{

		width: 100%;

	}

	/*--------------------------------------

	Banner css

	----------------------------------------*/

	#rev_slider_1_1_forcefullwidth {

		margin-top: 0 !important;

	}

	.tp-parallax-wrap {

		position: relative !important;

		top: 20% !important;

		display: block !important;

	}

	/*--------------------------------------

	About Us

	----------------------------------------*/

	.about-sec {

		padding-top: 50px !important;

		padding-bottom: 50px !important;

	}

	.left-col-cls {

		width: 100%;

	}

	.left-col-cls a{

		display: inline-block;

	}

	.right-col-cls {

		width: 100%;

		padding-left: 0;

		padding-top: 60px;

	}

	.left-col-cls p {

		color: #b8bdc8;

		font-size: 18px;

	}

	.left-col-cls a {

		padding: 18px 23px;

		font-size: 14px;

	}

	/*--------------------------------------

	Expert in field

	----------------------------------------*/

	.expert-in-feild-sec{

		padding-bottom: 30px !important;

	}

	.tab-label {

		margin-bottom: 16px !important;

	}

	.view-all-link{

		float: none;

		width: 100%;

		margin-bottom: 16px !important;

		text-align: right;

	}

	.expert-in-feild-sec p {

		font-size: 18px;

	}

	/*--------------------------------------

	RECENT WORKS

	----------------------------------------*/

	.recently-projects-nav {

		display: inline-block;

		text-align: center;

	}

	/*--------------------------------------

	Testimonial

	----------------------------------------*/

	.slick-arrow{

		top: -22px;

	}

	.clients-list p {

		padding-right: 0;

	}

	/*--------------------------------------

	Our Experts

	----------------------------------------*/

	.expert-sec {

		width: 50%;

	}

	/*--------------------------------------

	Service page

	----------------------------------------*/

	.bg-img-cls {

		background-size: cover;

		background-position: right;

	}

	.service-sec {

		padding-bottom: 0 !important;

	}

	.services-btn-cls a {

		padding: 18px 23px;

		font-size: 14px;

	}
	.in-col-4{width: 100%;}
	.left-col-big, .right-col-small{width: 100%;}
	.about-page-cls{padding-top: 0;}
	.about-right-img{margin-bottom: 0;}
	.about-testimonial .about-client .clients-list {
    	padding: 0 100px;
	}
	.contact-section .in-col-3{width: 100%;border-right:none;}
	.contact-form form .et_pb_contact_field_0, .contact-form form .et_pb_contact_field_1,
	.get-quote-contact .contact-form form .et_pb_contact_field_2, 
	.get-quote-contact .contact-form form .et_pb_contact_field_3 {
		width: 100%;
	}
	.contact-form form .et_pb_contact_field_1, 
	.get-quote-contact .contact-form form .et_pb_contact_field_3{
		margin-left: 0;
	}
}



@media (max-width: 580px) {

	/*--------------------------------------

	Expert in field

	----------------------------------------*/

	.project-details {

		width: 100%;

	}

	.project-banner img {

		height: auto;

	}

	/*--------------------------------------

	Our Experts

	----------------------------------------*/

	.expert-sec {

		width: 100%;

	}

	/*--------------------------------------

	Blog single page

	----------------------------------------*/

	.blog-list{

		width: 100%;

		padding-right: 0;

	}
	.about-testimonial .about-client .clients-list {
    	padding: 0 50px;
	}
	.calendar-wrapper #btnPrev {right: 25%;}

}



@media (max-width: 480px) {

	.banner-title .tp-caption {

		width: 100% !important;

		font-size: 28px !important;

		line-height: 32px !important;

	}

	.tp-caption {

		font-size: 14px !important;

		white-space: normal !important;

	}

	.banner-btn .tp-caption {

		padding: 12px 15px !important;

		font-size: 12px !important;

	}

	.banner-btn {

		margin-top: 22px;

	}
	a.btn-record{
		font-size: 20px;
		padding: 15px;
	}

}



@media (max-width: 360px) {

	.tp-parallax-wrap {

		top: 13% !important;

	}

}

@media screen and (max-width:500px) {
    .chart-container .pr-chart-ctrl {
        width:100%; margin-bottom:50px;
    } 
    .our-service .in-col-3, .get-quote .in-col-3{
	    width: 100%;
	}
}
@media screen and (min-width:501px) and (max-width:900px) {
    .chart-container .pr-chart-ctrl {
        width:50%; margin-bottom:50px;
    } 
}