
/* ------------ */
/*	   FONTS	*/
/* ------------ */
@media( max-width: 1300px){
	.main-title{ font-size: 40px; }
	.white-main, .main-content{ font-size: 20px; }
}
@media( max-width: 714px ){
	.main-title, .white-title{ font-size: 40px; }
	.white-con-lg{ font-size: 18px;	 }
}
@media( max-width: 500px ){
	.main-title, .white-title{ font-size: 30px; }
	.white-main{font-size: 16px;}
}

/* ------------------------ */
/*			HEADER			*/
/* ------------------------ */

@media( max-width: 1800px ){ .h-logo{ top: 50%; } }
@media( max-width: 1700px ){ .primaryMenu{ margin-top: 40px; } }
@media( max-width: 1500px ){ .h-logo{ max-width: 13%; } }
@media( max-width: 1300px ){
	.h-border-top{ margin-top: -70px; }
	.h-logo{ top: 20%;  }
	.icon-img{ max-height: 30px; margin-right: 10px; }
	.h-logo.fixed-na{display: none;}
}
@media( max-width: 1200px ){
	.h-head{ top: -90px; }
	.h-border-top{ margin-top: -60px; }
}
@media (max-width: 1024px) {
	.h-logo.fixed-na{ display: block; top: 35px; max-width: 100px;}
}
@media( max-width: 1000px ){
	.h-head{
		width:40%;
		content: '';
		top: -60px; }
	.h-head a{
		clear: both;
		display: block; }
}
@media( max-width: 780px ){
	.h-border-top { margin-top: -40px; }
	.h-head, .h-head a{ font-size: 16px; }
}
@media( max-width: 700px ){
	.h-border-top{ display: none; }
	.h-logo, .h-logo.fixed-na{
		position: fixed;
		top: 0px;
		z-index: 999999;
		left: 0;
		max-width: 60px; }
	#wprmenu_bar { 
		padding: 17px 16px !important; 
		height: 56px !important; 
	}
}
@media( max-width: 600px ){ .h-logo, .h-logo.fixed-na{ left: -65%; } }
@media( max-width: 480px ){ .h-logo, .h-logo.fixed-na{ left: -55%; } }
@media( max-width: 380px ){ .h-logo, .h-logo.fixed-na{ left: -45%; } }

/* ------------------------------------ */
/*			HEADER LOGGED IN			*/
/* ------------------------------------ */
@media( max-width: 700px ){
	.h-logo.fixedNavLoggedIn, .h-logo.fixed-na.fixedNavLoggedIn{ top: 45px; }
}

/* ------------------------ */
/*	   MENU NAVIGATION		*/
/* ------------------------ */

@media( max-width: 1800px ){
	.primaryMenu .menu-item{ padding: 20px 30px; }
	.primaryMenu .menu-item:first-child { margin-left: 15%; }
}
@media( max-width: 1630px ){
	.primaryMenu .menu-item:first-child { margin-left: 10%; }
}
@media( max-width: 1520px ){
	.primaryMenu .menu-item:first-child { margin-left: 13%; }
	.primaryMenu .menu-item{ padding: 5px 20px 20px; }
	.primaryMenu .menu-item span{ top: 5px; }
}
@media( max-width: 1370px ){ .primaryMenu .menu-item:first-child { margin-left: 8%; } }

/* ------------------------ */
/*	  FIXED NAVIGATIONS		*/
/* ------------------------ */
@media( max-width: 1800px ){
	.fixed-na .primaryMenu .menu-item:first-child {
	    margin-left: 2% !important;
		width: calc(85% / 6); }
}
@media( max-width: 1520px ){ .fixed-na .primaryMenu .menu-item span{ top: 20px; } }
@media( max-width: 1430px ){
	.fixed-na .primaryMenu .menu-item:first-child { width: calc(75% / 6); }
	.fixed-na .primaryMenu .menu-item span{ display: none!important; }
}

/* ---------------------------- */
/*	   WPR MENU ACTIVATES		*/
/* ---------------------------- */
@media( max-width: 1300px ){ .navigations{ display: none !important; } }



/* ---------------------------- */
/*		HOMEPAGE BANNER			*/
/* ---------------------------- */

@media( max-width: 1400px ){ .caption{ top: 100px; color: #fff !important; } }
@media( max-width: 1100px ){
	#banner .banner-pagi button, #banner .banner-pagi button:focus{
		width: 30px;
	    height: 30px;
	    font-size: 18px; }
	#banner .banner-pagi{ bottom: 150px; }
}
@media( max-width: 960px ){
	.b-caption{
		padding: 0 10%;
		position: relative; }
	.b-caption:after {
		padding: 0 10%;
		top: 0; }
}
@media( max-width: 800px ){
	.caption h1{ font-size: 40px; }
	.caption h2{ font-size: 30px; }
	.caption h3{ font-size: 20px; }
}
@media( max-width: 700px ){ #banner .banner-pagi{ display: none; } }
@media (max-width: 414px) {
	.form-na div#input_1_5 {
	    transform: scale(.85) !important;
	    display: flex !important;
	    justify-content: center !important;
	}
	.h-logo, .h-logo.fixed-na {
	    left: 0 !important;
	}
}
@media( max-width: 410px ){
	.caption h1{ font-size: 30px; }
	.caption h2{ font-size: 20px; }
	.caption h3{ font-size: 15px; position: relative; z-index: 5;}
}


/* ------------------------ */
/*		BODY CONTENT		*/
/* ------------------------ */

@media( max-width: 800px ){ .contents-here{ max-width: 90%; } }
@media( max-width: 700px ){ .page-layout{ top: -200px; } }
@media( max-width: 500px ){ .full-title h1{ padding: 20px 0; } }

/* ------------------------ */
/*			FOOTER			*/
/* ------------------------ */

@media( max-width: 500px ){ footer .row{ padding: 0 10%; } }

/*-------------------------------------------------*/
/* FORM AT THE ABOUT US SECTION WITH TWO COLUMNS   */
/*-------------------------------------------------*/

@media( max-width: 1400px ){
	.bout-form .contain-form #gform_submit_button_1,
	.bout-form .contain-form #gform_submit_button_1:hover,
	.bout-form .contain-form #gform_submit_button_1:focus{
		width: 100%;
	}
	.bout-form .contain-form #gform_submit_button_1:hover{
		transform: scale(1.1);
		-ms-transform: scale(1.1); /* IE 9 */
    	-webkit-transform: scale(1.1); /* Safari 3-8 */
	}
	.bout-con{ font-size: 18px; }
	.bout-con a{ top: 0; }
}
@media only screen and (max-width: 1250px) and (min-width: 1199px)  {
	.bout-form .ginput_recaptcha {
	    transform: scale(0.8);
	    transform-origin: left;
	}
}
@media( max-width: 1199px ){ .bout-form { margin: 60px 0 10px; } }
@media (max-width: 1024px) {
	.houzzz {
		padding-right: 0;
	}
		.houzzz img {
		    right: 50%;
		    transform: translateX(50%);
		}

	.white-con-sm { padding-top: 20px; }
}
@media (max-width: 991px) {	.g-btn-nav { display: flex; } }
@media (max-width: 812px) {
	.gal .g-btn-nav .btn-left, 
		.gal .g-btn-nav .btn-left:focus {
	    left: -20px;
	}
}
@media( max-width: 480px ){ 
	.bout-con p{ line-height: 30px; } 
	.con-about-form { padding: 10px 5%; }
	.bout-form .contain-form #gform_submit_button_1,
	.bout-form .contain-form h1, .btn-bg-bg{ font-size: 20px; }
	.bout-form .contain-form #gform_submit_button_1{ padding: 10px 0;}
	.g-btn-nav { display: block; }
}

/* ---------------------------- */
/*	LAYOUT SERVICES WITH 2COLS	*/
/* ---------------------------- */

@media( max-width: 1700px ){  .ser-container .row { margin-bottom: 150px; } }
@media( max-width: 1400px ){  .ser-container .txt-c2 a { top: 30px; } }
@media( max-width: 1100px ){  
	.ser-container .big-view{ display: none; }
	.ser-container .small-view{ display: block; margin-bottom: 60px; }
	.ser-container .small-view .col-lg-12{ padding: 0; }
	.ser-container .small-view .img-c1{ padding-bottom: 100px; }
	.ser-container .small-view .img-c2{ max-height: initial; }
	.ser-container .small-view .main-title{ color: #caa570; }
	.ser-container .small-view .main-content{ color: #fff; }
}
@media( max-width: 500px ){  
	.ser-container{ padding: 10px 7%;}
	.ser-container .main-content{ font-size: 16px; }
	.ser-container .img-c2, .ser-container .img-c1{padding: 10px;}
	.ser-container .img-c1 img{border-width: 10px;}

}

/* ------------------------ */
/*	  LAYOUT BANNER ADS		*/
/* ------------------------ */


@media( max-width: 1700px ){ .banner-ad-container .ad-content { padding: 35px 40px; } }
@media( max-width: 1500px ){ .banner-ad { padding: 10px 0; }  }
@media( max-width: 1300px ){ 
	.ban-ad-logo{ width: 100%; } 
	.banner-ad-container .ad-content { padding: 0 0; padding-right: 10px;}
}
@media( max-width: 991px ){ 
	.banner-ad-container{ max-height: initial; }
	.ban-ad-logo { width: initial; max-width: 200px; }
	.banner-ad-container{ text-align: center; }
	.banner-ad-container .row .col-lg-3 { padding: 10px 0 0; }
	.banner-ad-container .ad-content{ padding: 0 20px;}
}

/* ------------------------ */
/*	  LAYOUT GALLERY		*/
/* ------------------------ */

@media( max-width: 1500px ){ 
	.gal .g-gallery-img{ height: 200px;} 
	.NOThome-wrapper .gal .g-img-cont { padding: 10px;} 
	.NOThome-wrapper .gal .g-img {padding: 20px;}
	.NOThome-wrapper .g-img .blackBGOverlay{ margin: 25px;  }
	.NOThome-wrapper .gal .g-gallery-img { height: 150px; }
}

@media( max-width: 1300px ){ 
	.gal .g-img-cont { padding: 10px;} 
	.gal .g-img {padding: 20px;}
	.g-img .blackBGOverlay{ margin: 25px;  }
	.NOThome-wrapper .gal{ padding: 10px 0; }
}
@media( max-width: 1000px ){ 
	.gal .g-btn-nav .btn-right,
	.gal .g-btn-nav .btn-left{
		width: 100%;
		float: unset;
		margin: 10px 0;
	}
	.gal .btn-word{
		left: 0;
		right: 0;
		bottom: -5px;
	}
}
@media( max-width: 900px ){ 
	.gal .g-gallery-img{ height: 150px;} 
	.NOThome-wrapper .gal .btn-word{ bottom: -50px; }
	.NOThome-wrapper .gal .g-btn-nav .btn-right{    margin-right: 0; }
	.NOThome-wrapper .gal .g-btn-nav .btn-left{    margin-left: 0; }
}
@media( max-width: 767px ){ 
	.gal .g-gallery-img{ height: 250px;}
	.gal .btn-word{ top: 0; left:0; right:0;}
	.gal{ padding: 10px 10%; }
	.NOThome-wrapper .gal .g-img-container{ padding: 10px;  	}
}

@media( max-width: 700px ){ 
	.gal .btn-word{ display: none; }
	.gal .g-gallery-img{ height: 200px;}
}

@media( max-width: 600px ){ 
	.g-img-container {
	    width: 100%;
	}
	.NOThome-wrapper .gal .g-img-container{
		width: 33%;
	}
	.NOThome-wrapper .gal .g-img-cont{
		padding: 5px;
	}
	.NOThome-wrapper .gal .g-img{
		padding: 10px;
	}
	.NOThome-wrapper .gal .g-gallery-img{
		height: 120px;
		border-width: 5px;
	}
	.NOThome-wrapper .g-img .blackBGOverlay{
		margin: 15px;
	}
}
@media( max-width: 460px ){ 
	.NOThome-wrapper .gal .g-img-container{
		width: 50%;
	}
	.NOThome-wrapper .gal .g-gallery-img{
		height: 115px;
		border-width: 5px;
	}
	.gal .g-btn-nav img{ width: 100%; }
}
@media( max-width: 400px ){ 
	.gal .g-img-cont{padding:10px;}
	.gal .g-img{padding:15px;}
	.g-img .blackBGOverlay{ margin: 25px;}
}
@media( max-width: 360px ){ 
	.NOThome-wrapper .gal .g-img{ padding: 5px;  }
	.NOThome-wrapper .gal .g-gallery-img{ border-width: 2px; }
	.NOThome-wrapper .g-img .blackBGOverlay{ margin: 5px; }
}

@media( max-width: 320px ){ 
	.NOThome-wrapper .gal .g-gallery-img{
		height: 80px;
	}
}
/* ------------------------ */
/*	  MODAL FOR IMAGES		*/
/* ------------------------ */

@media( max-height: 600px ){ 
	#g-gal .modal-dialog{top: 100px;}
}

/* ---------------------------- */
/*		INNER PAGES 			*/
/* ---------------------------- */
@media( max-width:700px ){
	.NOThome-wrapper .page-layout{
		top: -50px;
		margin-bottom: 60px;
	}
	.NOThome-wrapper .page-banner{
		background-attachment:inherit;
		background-position: center center;
	}
}
@media( max-width:600px ){
	.NOThome-wrapper .contents-here{
		padding: 70px 50px 80px;
	}
}
@media( max-width:500px ){
	.NOThome-wrapper .p-banner-content h1{
		font-size: 60px;
	}
}

/* ---------------------------- */
/*		SERVICES LAYOUT 2 		*/
/* ---------------------------- */
@media( max-width:1750px ){
	.btn-s2-bg{
		font-size: 15px;
	}
}
@media( max-width:1550px ){
	.btn-s2-bg{
		padding: 12px 30px;
	}
}
@media( max-width:1199px ){
	.s2-g-btn{
		margin-bottom:60px;
	}
	.main-subtt-sm:first-child{
		margin-top: 20px;
	}
}
@media( max-width:400px ){
	.s2-short-desc ul{
		column-count: 1;
	}
}

/* ---------------------------- */
/*	TESTIMONIALS				*/
/* ---------------------------- */
@media( max-width: 1000px ){
	.strong-content.strong-grid.columns-2 .testimonial{
		width: 100% !important;
		border: 5px double #b06528 !important;
	}
	.testimonial-content{
		margin: 0;
	}
	#post-13 .contents-here{
		padding: 5% !important;	
	}
	.tt-rating {
	    position: relative;
	    top: 0;
	    text-align: center;
	}
	.tt-name {
	    font-size: 20px;
	    font-weight: 800;
	    color: #640C08;
	    text-align: center;
	    position: relative;
	    bottom: 0;
	}
}
@media( max-width: 480px ){
	.tt-rating .star{
		font-size: 20px;
	}
	
	.testimonial-content p{
		font-size: 16px;
		line-height: 25px;
	}
	
}
@media( max-width: 380px ){
	.NOThome-wrapper .p-banner-content h1{
		font-size: 40px;
	}
}

/*-------------------------------------------------*/
/* 		FORM AT THE ESTIMATE REQUEST SECTION 	   */
/*-------------------------------------------------*/
@media( max-width: 1625px ){
	.er-form #gform_submit_button_2{
		right: 10%;
	}
	.er-form .ginput_recaptcha{
		left: 10%;
	}
}
@media( max-width: 1270px ){
	.er-form #gform_submit_button_2{
		right: -20px;
	}
	.er-form .ginput_recaptcha{
		left: 0;
	}
}
@media( max-width: 1030px ){
	.er-form .ginput_recaptcha{
		position: relative;
	}
	.er-form .gform_footer{
		text-align: center;
	}
	.er-form #gform_submit_button_2{
		right: unset;
	}
}
@media( max-width: 990px ){
	.page-id-15 .NOThome-wrapper .p-banner-content h1{
		font-size: 60px;
	}
}
@media( max-width: 640px ){
	.er-form #gform_submit_button_2{
		outline-offset: -50px;
		padding: 20px 0;
	}
}
@media( max-width: 400px ){
	.er-form .ginput_recaptcha{
		transform: scale(0.8);
		transform-origin: left;
		-ms-transform: scale(0.8); /* IE 9 */
    	-webkit-transform: scale(0.8); /* Safari 3-8 */
	}
}
@media( max-width: 320px ){
	.er-form .ginput_recaptcha{
		transform: scale(0.7);
		transform-origin: left;
		-ms-transform: scale(0.7); /* IE 9 */
    	-webkit-transform: scale(0.7); /* Safari 3-8 */
	}
	.form-na div#input_1_5 {
	    transform: scale(.8);
	    display: flex;
	    justify-content: center;
	}
}


/*GALLERY*/

@media( max-width: 1200px ){
	.single-service_gallery .page-layout{
		top: -70px;
	}	
	.single-service_gallery .p-banner-content h1{
		font-size: 60px;
	}
}
@media( max-width: 400px ){
	.single-service_gallery .p-banner-content h1{
		font-size: 40px;
	}
}
