.section{
	margin:160px 0 0  0;
}
 
.align-center {
    align-self: center;
    justify-self: center;
}

.valign-center {
    align-self: center;
}

/** PADDINGS  **/
.ctn-box-pad-50{
	padding:50px 0;
}

.ta-l{
	text-align:left
}

/** MARGINS  **/
/** Bottom
**/
.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb40{
	margin-bottom:40px;
}


/** top **/
.mt10{
	margin-top:10px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}

.mt60{
	margin-top:60px;
}

.mt80{
	margin-top:80px;
}

.mt100{
	margin-top:100px;
}

.mt120{
	margin-top:120px;
}

.mt140{
	margin-top:140px;
}



/** ROW GAP **/
.row-gap-10{row-gap: 10px;}
.row-gap-20{row-gap: 20px;}
.row-gap-30{row-gap: 30px;}
.row-gap-40{row-gap: 40px;}
.row-gap-50{row-gap: 50px;}
.row-gap-60{row-gap: 60px;}
.row-gap-70{row-gap: 70px;}
.row-gap-80{row-gap: 80px;}
.row-gap-90{row-gap: 90px;}
.row-gap-100{row-gap: 100px;}

/** COLUMN GAP **/  
.column-gap-10{	column-gap: 10px;}
.column-gap-20{	column-gap: 20px;}
.column-gap-30{	column-gap: 30px;}
.column-gap-40{	column-gap: 40px;}
.column-gap-50{	column-gap: 50px;}
.column-gap-60{	column-gap: 60px;}
.column-gap-70{	column-gap: 70px;}
.column-gap-80{	column-gap: 80px;}
.column-gap-90{	column-gap: 90px;}
.column-gap-100{column-gap: 100px;}
 

.header-ctn{
	display: inline-grid;
    grid-template-columns: 160px auto 50px ;
	column-gap: 20px;
	 width: 100%;
}

.ctn-intro-section {
    display: inline-grid;
    grid-template-columns: 33.3% 33.3% 33.3% ;
	column-gap: 0%;
    width: 100%;
}


.ctn-2-col {
    display: inline-grid;
    grid-template-columns: auto auto;
    width: 100%;
}


.ctn-col-2-1lg {
    display: inline-grid;
    grid-template-columns: 40% 50%;
	column-gap: 10%;
    width: 100%;
}

.ctn-col-2-1lg.reverse {
    grid-template-columns: 50% 40% ;
}

.ctn-3-col {
	display: inline-grid;
    grid-template-columns: auto auto 50%;
	width: 100%;
	column-gap: 50px
}

.ctn-col-4-2lg-1sm {
	display: inline-grid;
    grid-template-columns: auto auto auto auto;
	width: 100%;
}

.ctn-blogs-page-col {
	display: inline-grid;
    grid-template-columns: auto 350px;
	width: 100%;
}


.ctn-col-2-1lg-blog-hp{
	display: inline-grid;
    grid-template-columns: 48% 48%;
	width: 100%;
	column-gap: 4%;
}


.ctn-col-3-1sm-counter{
	display: inline-grid;
    grid-template-columns: 30% 30% 30%;
	width: 100%;
	column-gap: 5%;
}


.ctn-services-boxes{
	display: inline-grid;
    grid-template-columns: 50% 45%;
	width: 100%;
	column-gap: 5%;
}


.menu-overlay .main-services .main-services-cols{
	display: inline-grid;
    grid-template-columns: 50% 50%;
	width: 100%;
}

.ctn-menu-expand-columns{
	display: inline-grid;
    grid-template-columns: 60% 40%;
	width: 100%;
	column-gap: 0%;
}


.ctn-four-cols{
	display: inline-grid;
    grid-template-columns: 34% 34% 26%;
	width: 100%;
	column-gap: 2%;
}

.ctn-one-row-gaps {
	display: inline-grid;
    grid-template-columns: 100%;
	width: 100%;
	row-gap: 30px;
}

.ctn-blog-single-page{
	display: inline-grid;
    grid-template-columns: auto 480px;
	width: 100%;
	column-gap: 100px;
	row-gap: 30px;
}

.ctn-blog-bottom-row{
	display: inline-grid;
    grid-template-columns: auto 280px;
	width: 100%;
	column-gap: 40px;
	row-gap: 30px;
}

.ctn-right-side-blogs{
	display: inline-grid;
    grid-template-columns: 100%;
	width: 100%;
	column-gap: 0px;
	row-gap: 30px;
}


.ctn-boxes-1{
	display: inline-grid;
    grid-template-columns: 44% 44%;
	width: 100%;
	column-gap: 12%;
	row-gap: 30px;
}

.ctn-boxes-pylons{
	display: inline-grid;
	width: 100%;
	column-gap: 12%;
	row-gap: 30px;
}

.ctn-boxes-pylons.pylons-3{
	grid-template-columns: 30% 30% 30%;
	column-gap: 5%;
}
 

.ctn-footer{
	display: inline-grid;
    grid-template-columns:55% 40%;
	width: 100%;
	column-gap: 5%;
	row-gap: 30px;
}


.ctn-dsg10{
	display: inline-grid;
    grid-template-columns:42% 48%;
	width: 100%;
	column-gap: 10%;
	row-gap: 30px;
}

.ctn-dsg10-a{
	display: inline-grid;
    grid-template-columns:46% 46%;
	width: 100%;
	column-gap: 8%;
	row-gap: 30px;
}

.ctn-contact-page{
	display: inline-grid;
    grid-template-columns:46% 46%;
	width: 100%;
	column-gap: 8%;
	row-gap: 30px;
}


.ctn-boxes-text {
    display: inline-grid;
    grid-template-columns: 48% 48%;
    width: 100%;
    column-gap: 4%;
    row-gap: 50px;
}



/* Extra extra large - xxl */
@media screen and (max-width: 1400px) {
	


	
}


/* Extra large - xl */
@media screen and (max-width: 1200px) {
	

	.ctn-dsg10{
		display: inline-grid;
		grid-template-columns:100%;
		width: 100%;
		column-gap: 0%;
		row-gap: 100px;
	}

}


/* Large - lg */
@media screen and (max-width: 992px) {
	.ctn-col-2-1lg,
	.ctn-col-2-1lg.reverse	{
		grid-template-columns: auto;
	}
	
	.ctn-col-4-2lg-1sm {
		grid-template-columns: auto auto;
	}
	
	.ctn-blogs-page-col {
		grid-template-columns: 100%;
	}
	
	.ctn-col-2-1lg-blog-hp{
		grid-template-columns: 100%;
		width: 100%;
		column-gap:0%;
	}


	
}

/* Medium - md */
@media screen and   (max-width: 768px) {

	.ctn-blog-single-page{
		display: inline-grid;
		grid-template-columns: 100%;
		width: 100%;
		column-gap: 0px;
		row-gap: 50px;
	}
	
	.ctn-boxes-1{
		display: inline-grid;
		grid-template-columns: 100%;
		width: 100%;
		column-gap: 12%;
		row-gap: 30px;
	}

	.ctn-boxes-pylons.pylons-3{
		grid-template-columns: 100%;
		row-gap: 30px;
	}
	
	.ctn-footer{
		display: inline-grid;
		grid-template-columns:100%;
		width: 100%;
		column-gap: 0%;
		row-gap: 30px;
	} 
	
	
	.ctn-contact-page{
		grid-template-columns:100%;
		column-gap:0;
		row-gap: 80px;
	}


	.ctn-boxes-text {
		grid-template-columns:100%;
		column-gap: 4%;
		row-gap: 50px;
	}

	

}

/* Small - sm */ 
@media screen and  (max-width: 680px) {
	
	.ctn-col-4-2lg-1sm {
		grid-template-columns: auto;
	}
	
	.ctn-col-3-1sm-counter{
		grid-template-columns: 100%;
		column-gap: 0;
		row-gap: 30px;
	}
	
	.ctn-row-columns{
		display: inline-grid;
		grid-template-columns:100%;
		width: 100%;
		column-gap: 0;
		row-gap: 0px;
	}


	.ctn-dsg10-a{
		display: inline-grid;
		grid-template-columns:100%;
		width: 100%;
		column-gap:0%;
		row-gap: 30px;
	} 
}


/* X-Small - xsm */ 
@media screen and  (max-width: 576px) {

}

 