@media (max-width:1200px) {
  	.topLeft .custom p {
    	font-size: 22px;
    }
  
	.topLeft .custom p strong {
    	font-size: 30px;
    	line-height: 34px;
	}
  	
  	#aboutSection video{
  		margin-top: 8%;
	}
  
  	#footerSection .topLeft .custom p strong {
  		font-size: 26px;
    	line-height: 30px;
	}
  
    #recentWorkSection ul {
        justify-content: center;
    }

    #recentWorkSection ul li {
        max-width: 210px;
        margin: 15px;
    }
  	.pholioWrapper{
    	justify-content: center;
  	}
  	.pholioBlock{
  		width:32%;
	}
}
@media (max-width:992px) {
  	#topSection .custom{display: flex; justify-content: center; flex-wrap: wrap;}
    #topSection .icon-map-marker{text-align: center}
    .topLeft, #footerSection .topLeft { justify-content: center; margin-bottom: 7px; }
    .topLeft .custom p, .topLeft .custom p strong,
    #footerSection .topLeft .custom p strong {
        margin: 0;
        font-size: 14px;
        line-height: 18px;
    }
    .siteLogo img { max-height: 50px; }
    .topRight .custom { text-align: center; margin-top: 7px; }
    .topRight .custom p, .topRight .custom ul { justify-content: center; }
    .navBars { display: flex; }
    
    .menuCover {
        display: none;
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 99999;
        background: rgba(0,0,0,0.8);
        top: 0;
        left: 0;
    }
    .menuCoverWr {
        max-width: 230px;
        padding: 36px 10px;
        background: #fff;
        height: 100vh;
        position: relative;
    }
    .coverClose { display: block; position: absolute; width: 32px; height: 32px; top: 0px; right: 0; cursor: pointer; transition: 0.3s all; font-size: 48px; line-height: 30px;
    color: #999; }
    .coverClose:hover, .coverClose:focus { color:  #ff0000; }
    .menuWr ul { width: 100%; display: flex; justify-content: space-between; border-top: 1px #e0e0e0 solid; border-bottom: 1px #e0e0e0 solid; border-left: 0; }
    .menuWr ul li { width: 100%; border-top: 1px #e0e0e0 solid; border-right: 0; border-left: 0; }
    .menuWr ul li a { height: auto; padding: 10px 0; }
    #advantagesSection ul li { width: 25%; }
    #copyrightsSection .copyLeft,
    #copyrightsSection .copyRight {
        justify-content: center;
    }
    #copyrightsSection .copyRight a,
    #copyrightsSection .copyLeft a,
    #copyrightsSection .copyLeft p { width: 100%; text-align: center; }
    .mapContactsWr {
        position: relative;
        margin: 0;
        padding: 10px 0;
        top: 0;
        right: 0;
        width: 100%;
    }
    .mapContacts { margin: 0 auto; }
  	.pholioBlock{
  		width:48%;
	}
  	
  	#topSection .topLeft .custom.logo-text-deckstop{
  		display: none;
	}
  	#topSection .topLeft .custom.logo-text-mobil{
  		display: flex;
      	justify-content: center;
	}
    #topSection .topLeft .custom.logo-text-mobil ul{
  		max-width: 556px;
	}
  	
    #aboutSection ul li {
    	margin-left: 0;
    }
  	#aboutSection video{
      	width: 100%;
  		margin: 0;
	}
}



@media (max-width:767px) {
  	#recentWorkSection .custom.col-sm-12.deckstop{
  		display: none;
	}
  	#recentWorkSection .custom.col-sm-12.mobil{
  		display: block;
	}
  	#recentWorkSection .contacts-inner{
  		width: 400px;
	}
    #recentWorkSection .custom em {
        width: 100%;
    }
    .moduletable h3, #clientsSection h3, #pholioSection h3,
    #reviewsSection h3, #formSection h3, .item-pagereview h3,
    #catMenuSection .moduleTitle h3 { font-size: 32px; }
    #advantagesSection ul li { width: 30%; }
    #footerSection .topCenter {
        text-align: center;
        margin-top: 15px;
    }
}

@media (max-width:576px) {
    #advantagesSection ul li { width: 50%; }
    .reviewsWrap.owl-carousel .reviewAuthorAvatar,
    .reviewsWrap.owl-carousel .reviewAuthorAvatar img { display: none; }
    .reviewAuthor,.pholioBlock { width: 100%; }
}

@media (max-width:460px) {
    #advantagesSection ul li { width: 100%; }
  	#aboutSection .partners-logo .col-6{
    	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
    	max-width: 100%;
  	}
}
@media (max-width:390px) {
  	#recentWorkSection .contacts-inner{
  		width: 280px;
	}
  	#recentWorkSection .contacts .soc-icons{
  		margin: 0;
	}
}