@media(max-width: 1720px) {
.cen {
	width: 1570px;


}
}
/*===========================*/

@media(max-width: 1570px) {
.cen {
	width: 1440px;

}

}
/*===========================*/
@media(max-width: 1440px) {
.cen {
	width: 1200px;

}

}

/*===========================*/


/*===========================*/
@media(max-width: 1200px) {
   .cen{
       width:980px;

   }
.menuBar ul li a {
	padding: 4px 16px;
	font-size: 1.3em;

}
.brd {
	padding: 32px;

}
.projects {
	display: grid;
	grid-template-columns: 50% 50%;
}
.aboutRight{

}
.aboutRight {
	display: block;
    text-align: center;
}
.aboutTxtArea {
	display: block;

	margin-top: 48px;
	margin-bottom: 48px;

}
.aboutTitle * {
	font-size: 4.8em;
	line-height: normal;
}
.aboutLogo {
	width: 60%;
	margin: 0 auto;
	margin-bottom: 40px;
}
.postTitle * {
	font-size: 2em;
}
}
/*===========================*/
@media(max-width: 980px) {
.cen{
    width:100%;
    padding: 0px 24;
    box-sizing: border-box;
}
.contactGrid {
	display: block;

}
.footer {
	display: block;

}

.socials {
 text-align: center;
}
.socials a {
	display: inline-block;
	width: 80px;
	margin-left: 0;
	transition: .2s;
	opacity: .9;
	padding: 16px;
	box-sizing: border-box;
}
.footLogo {
	position: relative;
	width: 90%;
	height: auto;
	top: 0%;
	left: 0%;
	margin: 32px auto;
	display: block;
}
.copy {
	padding: 80px 40px;
	padding-bottom: 40px;
	text-align: left !important;
	direction: ltr !important;
	opacity: .5;
	text-align: center !important;
}
.secSocials {
	margin-top: 0px;
	margin-bottom: 0px;
}
.footerTitle {
	font-size: 3em;
	color: rgba(247, 104, 6, 1);
	text-align: center;
}
.otherSites {
	margin-top: 32px;
}
.secTitle{
    text-align: center;
    float: none;
}
}

/*===========================*/

@media(max-width: 768px) {
   .cen{
       width:100%;
       padding: 0px 16px;
       box-sizing:border-box;
   }
body {



}
.des{
    display: none ;
}
.mob{
    display:block ;
}
.aboutTxtArea {
	display: block;
	margin-top: 48px;
	margin-bottom: 48px;
}
.aboutRight {
	display: block;

}
.aboutSec{
    text-align: center;
}

.aboutLogo {
    width:60%;
    margin: 40px auto
}
.aboutTitle {
	padding-right: 0;
	padding-top: 0px;
	padding-bottom: 20px;
}
.aboutTitle * {
	font-size: 2.8em;
	line-height: 1.4em;
}
.aboutLeft {
	padding-right: 0px;
	font-size: 1.2em;
	line-height: normal;
}

.secTitle a * {
	font-size: 2.8em;
	line-height: normal;
	text-align: center;
}
.secMore  {
	float: none;
	text-align: center;
	padding: 8px;
}
.moreBtn {
	padding: 16px 24px;
	font-size: 1.2em;
	position: relative;
	top: 0px;

}
.projects {
	display: block;

}
.brd {
	padding: 24px;
	border-radius: 24px;
}
.projectTitle{
    text-align: center;
}
.projectTags {
	padding: 12px 0;
	padding-top: 20px;
	text-align: center;
}
.secServicesGrid {
	display: block;
}
.posts {
	padding:0px 0px ;
}
.post {
    text-align: center;
	padding: 24px 0px  !important;
	padding-left: 0;
	border-bottom: solid 1px #483934;
}
.postTitle span {
	position: relative;
	right: 0;
	top: 0;

	font-size: 2em;
}
.postTitle {

	text-align: center;

}
.postTitle h3, .postTitle h2 {
	width: 100%;
	display: block;
	float: none;
	color: #FFF;
	transition: .2s;
	font-size: 2.2em;
}
.postExc {

	font-size: 1.2em;
	line-height: normal;
	width: 100%;
}
.postMore {
	display: inline-block;
	width: 64px;
	height: 64px;
	background-color: #e9540a !important;
	background: url(images/more.png) no-repeat;
	background-position: center;
	margin-right: 0;
	position: relative;
	top: 0;
	border-radius: 999px;
	float: none;
	transition: .2s;
	box-shadow: 0px 1px 16px rgba(247, 104, 6, 0);
	left: 0px;
	margin-top: 24px;
}

.pageHeadTitle {
	font-size: 2.4em;
	text-align: center;
}
.messagerGrid {
	display: block;

}
.subSecTitle {

	font-size: 1.5em;
	margin-bottom: 0px;
	text-align: center;
}
.socials{
    text-align: center;
}
.next, .prev {
	width: 48px;
	height: 48px;

}
.next{

	margin-left: 0px;
	margin-right: -20px !important;

}
.prev {
	margin-left: -20px !important;
	margin-right: 0px;


}
#mainSlide .next{

	margin-left: 0px;
	margin-right: -10px !important;

}
#mainSlide .prev {
	margin-left: -10px !important;
	margin-right: 0px;


}
.whiteArrow.next {
	right: 0px;
}
.whiteArrow.prev {
	left: 0px;
}
.int {
	padding-top: 48px;
}
.pageSecGrid {
	display: block;

}
.pageSec2.brd {
	border: none;
	background: none;
	padding-top: 0;
	padding: 0;
}
.projectsArea{

	padding: 0px;
	border: none;

	background: #141414;


}
.blogPostDate {

	text-align: center;
}
.wp-block-media-text {
	padding: 0;

}
.wp-block-media-text > .wp-block-media-text__content {


	padding: 24px 0;
	word-break: break-word;
}


}