@media (max-width: 1600px){
	.banner:before{
		width: 680px;
	    height: 631px;
	}	
}	

@media (max-width: 1280px){
	.banner:before{
		width: 588px;
		height: 545px;
	}
}

@media (max-width: 1180px){
	.wrapper{
		width: 100%;
		overflow: hidden;
	    padding: 0px 50px;
	}
	section.results .items .item{
		min-height: 271px;
	}
	
	section .items {
	    justify-content: space-around !important;
	}
	section.experts .items, section.reviews .items, section.partners .items{
	    width: 90%;
	    margin: 0 auto;
	}
	section.experts .item .text .title{
	    min-height: 45px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	section.results .items .item{
		min-height: 271px;
	}
	section.questions .contacts{
		padding: 80px 20px;
	}	
	section.questions .contacts, section.questions .qform{
		width: 50%;
	}
	.questions .wrapper{
		padding: 0;
	}
	section.questions .qform{
		padding: 80px 30px;
	}
	footer .about {
    	width: 50%;
    }
    footer .subscribe {
	    width: 40%;
	    float: right;
	}  
	footer .socials{
		float: right;
	} 
	section.page .white{
		display: none;
	}
	section.page .panel {
	    width: 100%;
	    position: relative;
	    border-radius: 8px;
	    padding: 40px;
	    margin-top: 20px;
	}
	section.page .content {
	    width: 100% !important;
	}
	.page.detail .panel .back{
		margin: 0;
	}
	.page.detail .panel h2{
		width: 100%;
	}
	.page.detail .panel .subscribe, section.page .panel .subscribe{
		display: none;
	}
	section.page .content .item .image {
	    width: 30%;
	}
	section.page .content .item .content {
	    width: 60% !important;
	}
	.page.experts .content .item{
		height: 400px;
	}
	section.page .panel ul{
		display: none;
	}
}

@media (max-width: 1024px){
	section.whom .item{
		width: 40% !important; 
	}
	.banner:before{
		display: none;	
	}	
	.banner .content {
	    width: 80%;
	}
	.big_menu.open{
		width: 50%;
	}
	header nav{
		display: none;
	}
	section.about .item {
	    margin: 100px 20px;
	}
	  
	footer .menu{
		display: none;
	}  
	
	.page.detail .content .image{
		height: 410px;
	}
	
	section.page .content .item .image{
		height: 210px;
	}
	.page.command .content .item{
		width: 49%;
	}
	section.hwork .line-break{
		display: none;
	}
	section.hwork .items .item {
		width: 30%;
	    margin: 40px 10px;
	}
	section.hwork .items .item.btt .date{
		bottom: -35px !important;	
	    top: auto !important;
	}	
}

@media (max-width: 768px){
	footer .socials{
		float: left;
	} 
	header nav{
		display: none;
	}
	.big_menu.open{
		width: 100%;
	}
	.banner .content h1 {
	    font-size: 30px;
	    line-height: 35px;
	}
	.banner .content{
		width: 100%;
	}
	section .description{
		width: 100%;
	}
	section.whom .items .item{
		width: 100% !important;
	}
	section.achieve .items .item {
    	width: 100%;
    }
    section.experts .items .item, section.reviews .items .item, section.partners .items .item{
	    width: 100%;
    }
    section.adw .items .item{
	    width: 100%;
    }
    section.about{
        padding-bottom: 500px;
        height: auto;
    }
    
    section.about .items{
	    margin: 40px 0px;
    }
    
    section.about .item {
	    margin: 20px 20px;
	    text-align: center;
	}
	section.about .items{
	    flex-direction: row;
	    align-items: center;
	    justify-content: space-around;
	    flex-wrap: wrap;
	}
	section.whom .items .item {
	    margin: 0px 0 50px;
	}
	section h2{
		margin: 40px 0px;
		line-height: 35px;
	}
	section.achieve .items .item{
		margin: 0;
	}
	section.achieve {
	    padding: 10px 0px 40px;
	}
	section.hwork .items .item{
		margin: 0 0 20px;
	}
	section .btn{
		margin: 20px auto 40px;
	}
	section.results .items{
		flex-wrap: wrap;
	}
	section.results .items .item {
	    margin-bottom: 10px;
		width: 100%;
	}
	section.results {
	    height: auto;
		padding-bottom: 40px;
	}	
	section.adw .items {
	    width: 80%;
	    margin: 0 auto;
	} 
	section.whom{
		padding-bottom: 0;
	}
	section.partners .items{
		width: 70%;
	    margin-bottom: 50px;
	}
	section.questions .green{
		display: none;
	}
	section.questions .wrapper{
		padding: 0;
	}
	section.questions .green, section.questions .contacts, section.questions .qform{
		width: 100%;
		float: none;
	}
	section.questions .contacts{
	    padding: 40px 20px;
	    height: auto;
	}
	section.questions .contacts h2 {
	    margin-bottom: 30px;
	}
	section.questions .qform{
		padding: 30px 20px;
	}
	section.reviews .items{
	    width: 70%;
	}
	section.experts .btn.white {
	    margin: 40px auto 50px;
	}
	section.reviews .item .text p {
	    height: auto;
	    margin-bottom: 30px;
	}
	section.reviews {
    	padding-bottom: 60px;   
	}
	section.questions, section.questions .qform{
		height: auto;
	}
	footer{
		height: auto;
	}
	footer .about{
		width: 100%;
	}
	footer .menu{
		display: none;
	}
	footer .subscribe{
		width: 100%;
		padding: 15px 0px;
	}
	socials{
		width: 100%;
	}
	.big_menu .menu ul{
		margin: 30px 0px;
	}
		.page .wrapper{
		padding: 10px 10px
	}
	section.page .panel {
	    padding: 20px;
	}
	.breadcrumps{
		margin: 0 !important
	}
	section.page .panel form{
		display: none;
	}
	section.page .panel .subscribe{
		display: none;
	}
	section.page .panel h2{
		margin-bottom: 0;
	}
	section.page .content .item .image {
	    width: 100%;
	}
	section.page .content .item .content {
	    width: 100%;
	}
	header.white .socials{
		display: none;
	}    
	section.page .content .item .image, .page.detail .content .image{
		height: 310px;
	}
	.page.detail .panel .back{
		margin: 0;
	}
	.page.detail .content{
		width: 100%;
	}
	.page.detail .content .text {
	    padding: 20px;
	}
	.page.detail .content .text p {
	    margin: 0px 0px 30px;
	}
	.page.detail .content .text .quote {
	    padding-left: 0px;
	    padding-top: 25px;
	}
	.page.detail .content .text .quote:before{
		top: -25px;
	}   
	.page.experts .content .item{
		width: 49%;
	} 
	section.page.faq .content .item {
	    padding: 20px 20px;
	}
	.banner .content .counter{
		margin: 0 0 20px;
		width: 100%;
	}
	#defaultCountdown{
		margin: 0;
	}
	section.hwork .items .item {
		width: 45%;
	    margin: 40px 10px;
	}
		section.about .item{
		width: 100%
	}
}

@media (max-width: 600px) and (min-width: 768px){
	
}

@media (max-width: 480px) and (min-width: 600px){
	
	
}

@media (max-width: 480px){

	section.hwork .items .item {
		width: 100%;
	    margin: 30px 10px;
	}
	.wrapper{
	    padding: 0px 20px;
	}
	section.page .content .item .image, .page.detail .content .image{
		height: 210px;
	}
	.page.experts .content .item{
		width: 100%;
		height: auto;
	}
	.page.command .content .item{
		width: 100%;
	}
	.page.command .content .item .image {
	    height: 335px
	}
}

