/* Responsive Style Sheet */
/* click5 Interactive */


@media only screen and (min-width: 1550px) {
	#header.sticky #logo{ height: 70px; margin-top: 10px; }
	
	.wrap{ width: 1500px;}
	#services .wrap-services{ width: 1500px;} 
	#portfolio .wrap-portfolio{ width: 1500px;}
	#awards{ background-size: cover;}
	
	.section-banners .col .in{ width: 700px; }
	.section-banners .col-photo{ background-size: 750px auto; }
	
	#col-left{ width: 66%; min-height: 990px; }
	#col-right{ width: 30%; }
	.single-post #col-right{ width: 30%; }
	
	.content-reports .wrap{ width: 1530px; }
	.content-portfolio .wrap{  width: 1530px; }
	
	.content-news .wrap{ width: 1530px; }
	
	.page-template-page-about .subhero{     height: 500px;  max-width: 100%;  width: 50%; max-height: 600px; }
	
	
	.form-footer{ width: 1000px; }
	


}


@media only screen and (min-width: 1700px) {
	
	#header.sticky #logo{ height: 70px; margin-top: 10px; }
	
	.wrap{ width: 1600px;}
	#services .wrap-services{ width: 1600px;} 
	#portfolio .wrap-portfolio{ width: 1600px;}
	#awards{ background-size: cover;}
	
	.section-banners .col .in{ width: 750px; }
	.section-banners .col-photo{ background-size: 800px auto; }
	
	#col-left{ width: 66%; min-height: 990px; }
	#col-right{ width: 30%; }
	.single-post #col-right{ width: 30%; }
	
	.content-reports .wrap{ width: 1630px; }
	.content-portfolio .wrap{  width: 1630px; }
	
	.content-news .wrap{ width: 1630px; }
	
	.page-template-page-about .subhero{     height: 550px;  max-width: 100%;  width: 50%; max-height: 600px; }
	
	
	.form-footer{ width: 1000px; }
	
	
	.page-template-page-book .wrap{
		width: 1600px;
	}
	
}
@media only screen and (min-width: 2100px) {
	.page-template-page-book .wrap{
		width: 1900px;
	}
	.bookCase{
		width: 870px;
	}
	.page-template-page-book .col-right .boxes .item p br{
		display: none;
	}
	.page-template-page-book .col-right .boxes .item p{
		max-width: 80%;
	}
}

@media only screen and (max-width: 1550px) {
	
	
	.teamHero .photo{ height: 160px; }
	.section-about.section.section-team .col-last{ margin-top: 110px; }

}
@media only screen and (max-width: 1420px) {
	
	
	#header .wrap{ width: 96%; margin: 0 2%; }
	#logo { width: 180px; }
	#header.sticky #logo{ width: 120px; }
	
	#nav ul li a{ padding: 15px 8px; }
	
	.page-template-page-book .wrap,
	#services .wrap-services{ width: 1180px; }
	.home #services .item .in{ margin:35px 15px 50px; width: calc( 100% - 30px ); }
	.home #services .item h3 {  font-size: 18px;  line-height: 24px;   height: 58px; }
	#services .item p{ font-size: 14px; font-weight: 400; } 
	#services .item p:hover{ font-weight: 400; } 
	#services .item .more{ font-size: 10px;  } 
	
	.page-template-page-speaker .subpage-title-service,
	.page-template-page-about .subpage-title-service { margin-top: -115px; } 
	
	
	#portfolio .wrap-portfolio{ width: 1180px; }	
	
	
	.orange-button{ height: 140px; }
	.orange-button .icon{ background-size: 85px; }
	.orange-button .txt{ margin-top: 48px; }
	.subhero-bottom .orange-button{ margin-left: -3%; width: 56%; }
	
	
	.home .orange-button{  margin-left: -3%; width: 53%; }
	
	
	.subhero{ height: 450px; }
	.page-template-page-about .subhero,
	.subhero.small{ height: 420px;  }
	
	.title h2.shadow{ font-size: 110px; left: -30px;  letter-spacing: -5px; line-height: 80px; }
	.subpage-title-container .title h2.shadow{ font-size: 110px; left: -30px; height: 60px; letter-spacing: -5px; } 
	.title h1, .title h2{ font-size: 50px;  }
	.subpage-title-service{ margin-top: -165px; }
	.title h2 span{ margin-top: 20px; }
	
	.subpage-title-shadow {  padding-top: 210px; }
	
	.title h3.h3-half{ font-size: 20px; line-height: 28px; }
	
	
	.home #services{ height: 1050px; }
	.home #services .title h2.shadow{ bottom: 20px; }
	
	#services.page-services .item:hover .in{  }
	#services .item .list li{ margin: 5px 0; line-height: 18px; }
	
	#services .item.item-last .buttons{ display: none;}
	#services.page-services .item.i7 .list{ width: 65%; }
	.content-portfolio .item .item-client{ font-size: 14px; }
	
	.content-portfolio .wrap{ width: 1190px; }
	.content-portfolio .item{ margin: 5px; width: calc( 33.33% - 10px ); }
	.content-portfolio .item .item-title{ font-size: 23px; line-height: 29px; }
	
	.content-reports .wrap{ width: 1190px; }
	.content-reports .item{ margin: 5px; width: calc( 33.33% - 10px ); }
	.content-reports .item .item-head h4{ font-size: 14px;}
	.content-reports .item h2{ font-size: 23px; }
	.content-reports .item .item-title h3{ font-size: 17px; }
	.content-reports .item .item-description{ padding: 20px 30px; }
	
	#about{ padding-bottom: 20px; }
	#about h2{ padding: 90px 0; }
	
	
	#awards{ padding-bottom: 250px; }
	
	#portfolio .wrap{ margin-bottom: -27px; }
	
	.title h2.shadow{ line-height: 70px; }
	
	.content-reports .item .item-head .full{ margin-top: 22px; }
}


@media only screen and (max-width: 1220px) {
	.wrap, #portfolio .wrap-portfolio{ width:980px; }
	
	#header .wrap{ width: 98%; margin: 0 1%;}
	
	#logo{ width: 150px; }
	

	#nav ul li a{ padding: 15px 4px;  font-size: 14px; }
	#nav li ul li a, #nav li.current-menu-item ul li a, #nav li.sfHover ul li a{ font-size: 14px !important; }
	#phone{ padding: 15px 10px; margin-left:0; }
	
	.hero-box .wrap{ width: 96%; margin: 0 2%; }
	.hero-box h1{ font-size: 48px; line-height: 48px; }
	
	.orange-button{ height: 120px; }
	.orange-button .icon{ background-size: 65px; width: 100px;  }
	.orange-button .txt{ margin-top: 37px; }
	.orange-button .txt span{ font-size: 27px; }
	
	.hero-box .headline-txt h2{ margin-top: 0; padding: 5px 0; }
	
	
	#services .wrap-services { width: 980px; }
	
	.title{ padding-top: 50px; }
	.title h2, .title h1{ line-height: 57px; }
	.title h2 span{ line-height: 35px; font-size: 30px; }
	.title h2.shadow{ font-size: 90px; bottom: 7px; }
	.title h3.h3-half{ font-size: 18px; line-height: 23px; }
	.subpage-title-shadow{ padding-top: 240px;}
	.subpage-title-service{ margin-top: -155px; }
	
	
	.subpage-title-service .title{ margin-bottom: -34px; }
	.subpage-title-container .title h2.shadow{ height: 55px; }
	
	.orange-button .txt span{ font-size: 25px; margin-top: 6px; }
	.section-about.section .orange-button .txt-description{ margin-top: 22px; }
	.section-about.section .orange-button .txt-description p{ font-size: 14px; }
	
	.section-banners .col .in{ width: 440px; }
	
	#about h2{ font-size: 35px; }
	
	h4{ line-height: 35px;}
	
	.cols .col p{ font-size: 17px; line-height: 29px; }	
	
	#services .item .icon{ background-size: 65px; }
	.home #services .item .in{ margin: 20px 10px; width: calc( 100% - 20px ); }
	#services .item .in{ height: calc( 100% - 30px);  }
	
	.home #services .item h3 { font-size: 16px; line-height: 22px; } 
	
	.subhero{ height: 380px; }
	.subhero.small{ height: 350px;  }
	
	#portfolio .item-banner{ height: 270px; }
	#portfolio .item-small{ height: 270px; }
	#portfolio .item-big{ height: 550px; }
	#portfolio .item h4{ font-size: 19px; letter-spacing: -0.5px; }
	#portfolio .item-banner h5{ font-size: 16px; top:25%; line-height: 15px; }
	#portfolio .item-banner h4{ font-size: 35px; }
	#portfolio .item .download{ font-size: 12px; }
	
	#portfolio .item:last-child, #portfolio .item:nth-last-child(2) { width: 49.25%; } 
	
	#news{ padding: 30px 0; 	}
	#news .col h3{ font-size: 16px; line-height: 22px; }
	#news .col p{ font-size: 14px; line-height: 23px; }
	#news .col p.more-button span{ font-size: 13px; }
	
	#footer h3{ font-size: 15px; }
	#footer .cols .col-center h3{ font-size: 21px; line-height: 26px; }
	#footer .cols .col-social h3{ font-size: 25px; }
	#footer .social a{ padding: 9px; }
	
	#footer .address, #footer .address a{ font-size: 11px; letter-spacing: 1px;; }
	
	.form-newsletter input{ font-size: 13px; padding: 15px 20px;  }
	.form-newsletter input.button{ font-size: 12px; padding: 15px 0; }
	
	.breadcrumb a, .breadcrumb span{ font-size: 12px; }
	
    #footer .bottom .col{ font-size: 12px; }
    
    .links3 a{ font-size: 11px; }
    
    
    .content{ padding: 30px 0; }
    .content-person{ padding: 10px 0; }
    
    h3{ font-size: 25px; line-height: 30px; }
    .cols .col p{ font-size: 15px; line-height: 28px; }
    
    #services.page-services .item { height: 510px }
    #services.page-services .item .in{ margin: 30px; width: calc( 100% - 60px ); }
    #services.page-services .item .icon{ background-size: 55px; }
    #services.page-services .item h3{ font-size: 19px; line-height: 27px; height: 60px; margin-top: 15px; }
    #services.page-services .item:hover h3{ height: 60px; }
    #services.page-services .item p{ font-size: 13px; line-height: 22px; }
    #services .item .list li{ font-size: 13px; margin: 4px 0; }
    #services.page-services .item.item-last{ height: 190px; }
    #services.page-services .item.item-last h3{ margin-top: 30px; }
	
	#services.page-services .item.i6,
	#services.page-services .item.i7 {  height: 375px; }
    
    #services.page-services .item{ height: 500px; }
    
    .content-awards .item{ background-size: 100% auto; width: 24.5%; margin: 0 0.25%; height: 150px;  }
    .content-awards .item h3{ font-size: 17px; line-height: 19px; margin-top: 10px;  }
    .content-awards .item h4{ font-size: 17px; line-height: 24px; } 
    .content-awards .item h5{ font-size: 15px; line-height: 19px; }
    .content-awards .item p{ font-size: 11px; line-height: 12px; }
    
    
    .section{ padding: 40px 0; }
    .section h2{ font-size: 25px; line-height: 32px; letter-spacing: -0.5px; }
    .section h3{ font-size: 20px; line-height: 28px; letter-spacing: 0px; }
    .section h4{ font-size: 17px; line-height: 30px; }
    .section h5{ font-size: 18px; line-height: 26px; }
    .section .cols .col p, p{ font-size: 15px; line-height: 25px; text-align: left; }
    .section ul{ margin-top: 8px; }
    .section .cols .col li{ font-size: 15px; line-height: 25px; }
    
    .section-margin-minus-50{ margin-top: -20px; }
    .section-margin-minus-130{ margin-top: -80px; }
    
    .page-services-video.section-margin-minus-50{ margin-top: -70px; }
    .home #services.page-services .item{ height: 440px; }
    
    
    .section-banner-purpose h4{ font-size: 30px; line-height: 34px; }
    
    .cols .welcome-text2{ margin: 30px 0 20px; }
    
    
    
    .video-types .item{ background-size: cover; }
    .videotype .content-hold h3{ font-size: 18px; }
    .videotype .content-hold p{ font-size: 15px; }
    
    h3.see-more{ margin-bottom: 20px; }
    
    
    .section-quote-3 .quote{ font-size: 20px; line-height: 31px; }
    .section-video .ebook img{ width: 240px; }
    
    
    .content-reports .wrap{ width: 98%; }
    .content-reports .item .item-head{ padding: 5px 15px; background-size: auto 25px; }
    .content-reports .item .item-head h4{ font-size: 13px; line-height: 15px; }
    .content-reports .item .item-title{ padding: 0 15px; }
    .content-reports .item h2 { font-size: 20px; }
    .content-reports .item .item-description{ padding: 10px 15px; }
    .content-reports .item .item-title h3{ font-size: 15px; }
    .content-reports .item .item-title h4{ font-size: 15px; }
    
    .section-quote-2 p{ padding: 5px 0 5px 0; }
    .section-quote-2 .quote::before{ width: 70px; height: 60px; }
    
    .content-portfolio .wrap{ width: 98%; }
    
    .section-video-bottom{ padding-top: 0px; }
    .section-video .col-txt h3{ }
    
    .content-news .wrap{ width: 98%; }
    .wmle_container .wmle_item .wmle_post_title a{ font-size: 16px !important; line-height: 22px !important; }
    .wmle_container .wmle_item .wmle_post_excerpt p{ font-size: 14px; line-height: 1.3;}
    
    .section-quote-2 .in{ padding: 50px 10px 10px; }
    .section-quote-speaker .in{ width: 970px; }
    
    #col-left{ width: 615px;  margin-left: -30px; padding: 0 30px 50px; }
    #col-left .in{ margin-top: 20px; }
    .back-p .back-b{ left: 30px; }
    
    #col-right{ width: 335px; }
    #col-right .passion{ margin-left: 20px;  }
    #col-right .passion ul{ padding-left: 15px; }
    
    .entry p, .entry ol li{ font-size: 15px; line-height: 25px; }
    .entry h3{ font-size: 21px; line-height: 33px; }
    .single-post .entry h3{  font-size: 24px; line-height: 33px;  }
    .single-post .postpublishdate{ font-size: 13px; }
    
    .widget li{ padding: 9px 0 9px 20px; background-position: left 16px; }
    .widget li a{ font-size: 15px; line-height: 25px; }
    
    .single-post h2.h2-half{ margin-top: 35px; }
    
    #col-right .orange-button .txt{ clear: both !important; margin-left: 30px; }
    #col-right .orange-button .txt span{ font-size: 25px; }
    
    #col-right ul li{ font-size: 16px; line-height: 25px; }
    
    
    .report-apla .box{ width: 900px; }
    
    
    .single-post #col-right{ width: 333px; }
    #col-right .orange-button-report .icon{ margin-left: 20px; }
    
    
	.content-reports .item .item-head .full{ margin-top: 18px; }
    
    .ctitle{ font-size: 13px; }
}
	
	

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */


@media only screen and (max-width: 996px) {
	
	#nav{ display:none; }
	.slicknav_menu{ display:block;  }
	
	#header{ height: 100px; }
	
	#phone{ margin-right: 70px; background: none !important; }
	
	body { -webkit-text-size-adjust: none; }
	
	.wrap { width: 768px; }
	
	#logo{ margin-top: 20px; width: 130px; }
	
	.hero-box h1{ font-size: 30px; line-height: 33px; letter-spacing: 0;}
	.hero-box .headline-txt h2{ letter-spacing: -1px; font-size: 20px; line-height: 27px; }
	
	.caption{ max-width: 90%; font-size:10px; line-height: 12px;} 
	
	
	
	.orange-button{ height: 100px; }
	.orange-button .icon{ background-size: 45px; }
	.orange-button .txt{ margin-top: 30px; }
	.orange-button .txt span{ font-size: 22px; }
	.orange-button .txt small{ font-size: 17px; }
	.orange-button .circle{ width: 40px; height: 40px; background-size: 100%; top: calc( 50% - 20px ); right: 20px; background-color: #000000; border-radius: 50%;}
	.orange-button:hover .circle{ right: 30px; }
	
	#phone{ margin-top: 30px; }
	
	.hero-box{ max-height: 500px; min-height: 500px;}
	.hero-box .hero-small{ top:110px; height: calc( 100% - 150px ); }
	.slick-slide { max-height: 500px !important; height: 500px !important; min-height: 500px !important;  }
	
	
	.title{ padding-top:40px; }
	.title h2, .title h1, .title h1.long, .title h2.long, .single-post h2.h2-half, .single-post h1.h2-half { font-size: 42px; line-height: 45px;  }
	.single-post h2.h2-half, .single-post h1.h2-half{ width: 55%; }
	.title h2.shadow{ font-size: 75px; line-height: 55px; }
	.subpage-title-container .title h2.shadow{ font-size: 75px; line-height: 55px; bottom: 9px; }
	.subpage-title-service{ margin-top: -50px; }
	
	.subpage-title-shadow{ padding-top: 200px; }
	
	
	#breadcrumbs{ width: 100%; }
	
	.content{ padding: 0; }
	.content-awards{ padding-top: 30px; }
	.single .content-person{ margin-top: 0; }

	
	#awards .title h2.shadow{ bottom: 6px;}
	#portfolio .title h2.shadow{ font-size: 85px;}
	
	.home .content{ padding: 30px 0;}
	
	#about h2{ font-size: 28px; }
	
	.section-carrer .wrap{ width: 96%; margin: auto 2%;  }
	
	.section-logos .logos div img{ width: 90%; height: auto; margin: auto;  }
	.ctitle{ font-size: 13px; }
	
	.section-banners .col .in{ width: 80%; margin-right: 10%; margin-left: 10%; margin-top: 35px;   }
	.section-banners .col-last .in{ margin-right: 10%; margin-left: 10%; }
	
	.section-about.section .orange-button{ margin-top: 60px; margin-bottom: -100px; }
	.section-about.section .orange-button .icon{ margin-left: 0; }
	.section-about.section .orange-button .txt{ margin-left: 0; width: 40%; }
	.section-about.section .orange-button .txt span{ font-size: 18px; }
	.section-about.section .orange-button .txt-description{ width: 40%; margin-top: 18px; }
	.section-about.section .orange-button .txt-description p{ font-size: 13px; line-height: 18px; }
	
	.section-about.section.section-team .col-last{ margin-top: 10px; }
	.section h4.subtitle{ font-size: 17px; }
	.line-bottom2::after{ margin-top: 7px; height: 4px; }
	
	
	.cols .col p{ font-size: 15px; line-height: 22px; }
	.cols .col p.more a{ font-size: 12px; }
	
	.home #services{ height: auto; }
	#services .wrap-services{ width: 100%; }
	#services .services-box{ background-size: cover; }
	
	#services .item{ width: calc( 25% - 1px ); height: 280px;}
	.home #services .item, .home #services .item:hover{ height: 285px; }
	#services .item.i7{   }
	#services .item:hover{ height: 280px; margin-top: 0;  }  
	.home #services .item .in{ padding:20px; width: calc( 100% - 40px ); height: calc( 100% - 60px ); }
	.home #services .item h3{ height: auto; }
	.home #services .item p{ display: none; }
	#services .item .circle{ left: 20px; }
	#services .item:hover .more{ left: 0; }
	
	
	.home #services .item, .home #services .item:hover{ height: 195px}
	
	.page-services-video.section-margin-minus-50{ margin-top: 0px; }
	
	.section-margin-minus-50-padding{ margin-top: 0; }
	
	#services.page-services .item{ height: 600px; }
	#services.page-services .item h3{ font-size: 17px; line-height: 24px; }
	
	#services.page-services .item .icon{ background-size: 45px; }
	
	#services.page-services .item p{ display: none; }
	#services .item:hover .list{ display: none; }
	
	#services .wrap-services{ width: 95%; }
	#services.page-services .item,
	#services.page-services .item.i6,
	#services.page-services .item.i7,
	#services.page-services .item-last:hover
	#services.page-services .item:hover{ height: 260px; }
	#services .item .circle{ left: 0; }
	
	
	.home #services .item, .home #services .item:hover{ height: 295px; }
	.home #services .item .circle{ left: 20px; }
	
	
	#portfolio .wrap-portfolio{ width: 98%; }
	#portfolio .item-big{ height: 500px; }
	#portfolio .item-banner, #portfolio .item-small{ height: 245px; }
	#portfolio .item-banner h5{ font-size: 14px; }
	#portfolio .item-banner h4{ font-size: 30px; }
	#portfolio .item h4{ font-size: 18px; letter-spacing: 0; }
	
	
	.filters{ margin-bottom: 20px; }
	
	.video-player{ height: 330px; }
	.video-player i { font-size: 60px; }
	
	#footer .address, #footer .address a{ font-size: 10px; }
	
	h3{ font-size: 23px; line-height: 28px; }
	.cols-portfolio h2{ font-size: 25px; ;line-height: 30px;}
	
	.content-team a{ height: 310px; }
	.content-team a .photo{ height: 230px; margin-bottom: 10px; }
	.content-team a h4{ font-size: 16px; }
	.content-team a h5{ font-size: 13px; }
	
	#col-left{ width: 480px; }
	#col-right{ width: 253px; }
	#col-right ul li{ font-size: 14px; line-height: 20px; }
	#col-right .passion ul{ padding-left: 0; }
	#col-right .passion ul li{ padding-left: 15px; background-size: 8px auto; background-position: left 10px; }
	#col-right .orange-button .txt{ margin-left: 20px; }
	#col-right .orange-button .circle{ display: none;}
	
	.single-post #col-right{ width: 256px; }
	
	
	.subhero{ top:110px; }
	.page-template-page-speaker .subhero{ height: 430px; }
	
	.section-quote-speaker .in{ width: 98%; }
	
	.content-awards .item{ width: 31.33%; margin: 0 1%; }
	
	.content-reports .item{ width: calc( 50% - 10px ); }
	.content-reports .item .item-border{ width: calc( 100% - 40px ); margin-left: 20px; }
	
	
	.report-apla .box { width: 95%; padding: 20px 0 10px;  }
	.report-apla .box h2{ font-size: 25px; letter-spacing: 0; padding: 10px 0; }
	.report-apla .box p{ font-size: 14px; line-height: 20px; }
	.form-footer input, .form-footer textarea{ font-size: 11px; padding: 13px 14px; width: calc( 100% - 30px ); }
	.form-footer textarea{ width: calc( 100% - 30px ); }
	.form-footer input.text-full { width: calc( 100% - 30px ); }
	
	.form-footer .pole label{ font-size: 9.5px; margin: 1px 4px; }
	
	.form-footer{ width: 90%; }
	
	.section-quote-2 .in{  width: 98%; padding-left: 1%; padding-right: 1%;  }
	.section-quote-2 .quote{ font-size: 21px; line-height: 34px; }
	
	
	#footer .address .item.last-item,
	#footer .address .sep.last-sep{ display: none;}
	
	#footer h3{ font-size: 13px; }
	#footer .cols .col-center h3{ font-size: 16px; line-height: 22px; }
	#footer .cols .learn a{ font-size: 13px; }
	#footer .cols .col-social h3{ font-size: 22px; }
	
	
	.cols-contact-txt h2, .cols-contact-txt h3{ font-size: 15px; line-height: 21px; }
	
	#col-right .orange-button .txt span{ font-size: 20px; max-width: 90%; }
	
	.single-bottom .form-newsletter{ width: 100%; margin-right: 0; }
	.single-bottom .col, .single-bottom .col-last  { width: 100%; }
	.single-bottom .col-last{ margin-top: 70px; }
	
	
	.section-logos .logos div{ width: 50%; height: 200px;  }
	.section-logos .logos div img{ width: 100%; }
	
	.entry iframe{ height: 39vw; }
	
	
		
	.teamHero .photo{ height: 120px; }
	.section-about.section.section-team .col-last{ margin-top: 60px; }
}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (max-width: 767px) {
	
	.mobile{ display: block; }
	.not-mobile{ display: none; }
	
	body { -webkit-text-size-adjust: none; }
	
	.wrap { width: 480px; }
	
	.cols-portfolio h2{ font-size: 23px; ;line-height: 28px;}
	h4{ font-size: 20px; line-height: 30px; }
	
	
	.cols .col{ width: 100%; }
	
	.hero-box{ min-height: 400px; max-height: 400px; }
	.hero-box h1{ font-size: 22px; line-height: 22px; }
	.hero-box .headline-txt h2{ font-size: 16px; line-height: 18px; margin-left: 20px; }
	.hero-box .hero-bottom{ bottom: 40px; }
	
	.caption{ max-width: 100%; width: calc( 100% - 20px );  font-size:9px; line-height: 11px; text-align: center; } 
	
	.single .subpage-title-shadow{ padding-top: 345px !important; }
	.single .subhero {  height: 270px !important; background-position:  center  !important; }
	.single-post .subpage-title-service{ margin-top: 25px !important; }
	.single-post h2.h2-half, .single-post h1.h2-half{ height: auto; min-height: 90px; }
	
	.slick-slide { max-height: 400px !important; height: 400px !important; min-height: 400px !important;  }
	
	
	.orange-button{ height:70px; }
	.orange-button .icon{ width: 50px; background-size: 35px; }
	.orange-button .txt { margin-top: 21px; }
	.orange-button .txt small{ font-size: 13px; letter-spacing: 0; }
	.orange-button .txt span{ font-size: 17px; letter-spacing: 0; }
	.orange-button .circle{ display: none; }
	
	.title h2.h2-half, .title h3.h3-half{ width: 100%; }
	.subhero-bottom .orange-button{ width: 100%; margin-left: 0; }
	
	.title{ padding-top:40px; }
	.home .title{ padding-top: 20px; }
	.title h2, .title h1, .single-post h2.h2-half, .single-post h1.h2-half{ font-size: 35px; line-height: 35px;  }
	.title h2.shadow{ font-size: 75px; line-height: 55px; }
	.subpage-title-container .title h2.shadow{ font-size: 66px; line-height: 60px; bottom: 9px; }
	
	.page-template-page-awards .breadcrumb,
	.page-template-page-reports .breadcrumb,
	.blog .breadcrumb,
	.page-template-default .breadcrumb,
	.page-template-page-portfolio .breadcrumb{ margin-top: 15px; }
	
	.subpage-title-shadow{ padding-top: 340px; }
	
	#about{ margin-top: -24px; }
	
	.title h2.shadow {  font-size: 55px; line-height: 45px; } 
	#about h2{ font-size: 20px; line-height: 27px; letter-spacing: 0; padding:20px 0; }
	
	.title h1.h2-half, .title h2.h2-half, .title h3.h3-half{ width: 100%; }
	
	#services .services-box{ margin-top: 0; }
	
	#services .item{ width: calc( 50% - 1px ); height: 200px;  }
	#services .item:nth-child(2n) { border-right: none; }
	#services .item:last-child{ border-bottom: none; }
	
	#services .item:hover{ height: 200px; }
	.home #services .item .in{ margin: 0; }
	#services .item .circle{ display: none; }
	.home #services .item:nth-child(-n+6) { border-bottom:  1px solid #202020; }
	
	.subhero,
	.page-template-page-about .subhero,
	.subhero.small{ width: 100%; left: 0; height: 170px; }
	
	.page-template-page-about .subhero{  height: 260px; }
	.page-template-page-about .subpage-title-shadow{ padding-top: 270px; }
	
	.page-template-page-about .subpage-title-service{ margin-top: 50px; }
	
	.subhero video{ margin-top: -25px; width: 100%; height: auto; }
	
	.video-player{ height: 230px; margin-bottom: 10px; }
	
	#services .wrap-services{ width: 480px; margin: 20px auto;  }
	#services.page-services .item, #services.page-services .item-last:hover #services.page-services .item:hover, #services.page-services .item.i7, #services.page-services .item.i7:hover, #services.page-services .item.i6, #services.page-services .item.i6:hover{ height: 160px; width: calc( 50% - 1px );  }
	#services.page-services .item:nth-child(odd) { border-right: 1px solid #202020; }
	#services.page-services .item .icon{ width: 100%; }
	#services.page-services .item .in{ margin: 20px; width: calc( 100% - 40px ); }
	#services.page-services .item .icon{ height: 50px; }
	#services.page-services .services-box{ margin-bottom: 40px; }
	.section-about.section.section-team .col-last{ margin-top: 40px; }
	
	
	.home #services .item, .home #services .item:hover{ height: 200px; }
	
	#services.page-services-video .item{ width: 100%; height:  auto; min-height: auto !important; }
	#services.page-services-video .i1{ width: 100%; }
	
	#services.page-services .item h3{ height: auto; margin-bottom: 10px; margin-top: 0; }
	#services.page-services .item:hover h3{ margin-top: 0px;  height: auto; }
	
	
	.section-about.section .orange-button{ margin-top: 20px; margin-bottom: -20px; width: 90%; padding: 2% 5%; height: auto; }
	.section-about.section .orange-button .icon{ display: none; }
	.section-about.section .orange-button .txt,
	.section-about.section .orange-button .txt-description{ width: 100%; margin: 0; }
	
	.section-banners{ margin-top: 20px; }
	.section-about.section-banners .col{ width: 100%; height: auto;  }
	.section-banners .col-photo{ height: 200px !important;  background-size: cover; }
	.section-banners p.more{ padding-top: 0; }	
	
	.section-about.section.section-team .col-last, 
	.section-about.section.section-team .col-photo{ width: 100%; }
	.section h2{ font-size: 20px; line-height: 25px; letter-spacing: -0.5px;}
	
	
	
	.videotype{ grid-template-columns: repeat(2, 1fr); }
	
	.videotype .content-hold h3{ font-size: 16px; line-height: 24px; }
	.videotype .content-hold p{ font-size: 14px; line-height: 21px; }
	.videotype .content-hold h3::after{ height: 3px; width: 40px; margin-bottom: 0; }
	
	.section-margin-minus-80{ margin-top: 0; }
	
	
	.section-quote-2 .in{ width: 480px; padding: 0; }
	.section-quote-2 .quote{ font-size: 16px; line-height: 28px; }
	.section-quote-2 .quote::before{ width: 70px; height: 50px; margin-top: -10px; }
	.section-quote-2 .sign{ font-size: 13px; line-height: 40px; }
	
	.entry ol.info-list li{ padding-top: 3px; padding-bottom: 3px; font-size: 13px; }
	
	.section-info{ margin-top: 20px; padding: 20px 0; }
	
	.section-video .col-txt h3{ font-size: 25px; line-height: 30px; margin-bottom: 10px; }
	.section-video .button{ font-size: 14px; padding: 10px 20px; }
	.section-video .ebook img{ margin-top: -60px; margin-bottom: 0; }
	.section-quote-2 .in{ margin-bottom: 30px; }
	
	
	#awards .orange-button{ width: 100%; }
	
	#portfolio .wrap{ margin-bottom: -24px; }
	#portfolio .title{ padding-top: 70px; }
	#portfolio .portfolio-box{ margin: 30px 0 10px;}
	
	#portfolio .item-big{ height: 420px; }
	#portfolio .item-banner, #portfolio .item-small{ height: 207px; }
	
	#portfolio .item h4,
	#portfolio .item-banner h4{ line-height: 21px; font-size: 18px; }
	#portfolio .item-banner h5{ font-size: 10px; line-height: 15px; letter-spacing: 0; }
	
	#news{ margin-top: -24px; }
	#news .wrap a:last-child{ display: none; }
	#news.col-3 .col,
	#news.col-3 .col-center{  width: 47%; margin: 0 1.5%;}
	
	.links3{ padding: 15px 0; } 
	.links3 a{ padding: 15px 10px;}
	
	
	.content-team a{ width: 32.33%; margin: 0.5%; height: 270px; }
	.content-team a:nth-child(4n){ margin-right: 0.5%; }
	.content-team a .photo{ height: 200px; }
	.content-team a h4{ font-size: 14px; }
	.content-team a h5{ font-size: 11px; }
	
	.line-bottom2::after{ margin-top: 10px; width: 60px; height: 4px;  }
	
	.section{ padding: 0; }
	.section-logos{ padding: 20px 0; }
	.section-carrer{ padding: 20px 0; }
	
	.section h2{ padding-bottom: 5px; }
	.section h3{ font-size: 16px; line-height: 26px; }
	
	.section-margin-minus{ margin-top: 0; }
	.section-margin-minus-130,
	.section-margin-minus-80,
	.section-margin-minus-70,
	.section-margin-minus-50,
	.section-margin-minus-80-padding,
	.section-margin-minus-30{ margin-top: 10px; }
	
	.section-padding-30{ padding-top: 20px !important; }
	
	.section-banner-purpose{ width: 100%; float: left; position: relative; height: 220px; margin-top: 20px;  }
	.section h4{ line-height: 24px; }
	.section-banner .in{ margin: 3% 5%; }
	
	.section-grid{ grid-template-columns: repeat(1, 1fr); grid-row-gap: 0px;   }
	
	.section .welcome-text2 .col ul li{ padding-bottom: 4px; }
	
	.blog .col{ margin: 0; }
	.line-bottom::after{ height: 5px; }
	
	.wmle_container .wmle_item{ margin: 7px !important; }
	.wmle_container .wmle_item .wmle_post_title{ padding: 24px 17px 0 !important; }
	.wmle_container .wmle_item .wmle_post_title::after{ left: 17px; }
	.wmle_container .wmle_item .wmle_post_excerpt{ padding: 15px 17px 5px !important }
	.wmle_container .wmle_item .wmle_post_more{ padding: 0 17px 25px; }
	
	#col-left{ min-height: auto; }
	
	.single-post #col-right,
	#col-right{ width: 100%; position: relative; }
	.single-post #col-right .passion,
	
	#col-right .passion{ margin: 0; margin-top: 30px;  }
	#col-right .passion ul li{ background-position-y: 9px; }
	#col-right .orange-button .icon{ width: 120px; }
	
	.entry ol{ margin-left: 10px; }
	.entry ol li{ font-size: 15px; line-height: 25px; }
	
	.content-portfolio .item{ width: calc( 50% - 10px ); left: 0 !important; top:0 !important; position: inherit !important; }
	.content-portfolio .item .item-title{ font-size: 20px; line-height: 20px }
	
	.content-awards .item{ width: 48%; }
	 
	.content-reports{ padding-top: 10px; }
	.content-reports .item{ width: 100%; margin: 0 0 50px 0; height: 450px; }
	.content-reports .item .item-photo{ height: 130px; }
	.content-reports .item h2{ padding: 20px 0 10px 0;	}
	.content-reports .item .item-title{ height: 140px; } 
	
	.section-banner{ position: relative; width: 100%; float: left; height: 210px !important; margin:10px 0 20px; }
	.section-banner h3{ font-size: 12px;}
	.section-banner h3::after{ height: 2px; }
	.section-banner-purpose h4{ font-size: 20px; line-height: 20px; }
	.section-banner .circle{ display: none;  }
	
	.section-video-top{ padding-top: 30px; }
	.section-video .col-txt h3{ font-size: 20px; }
	.section-quote-2 .in{ margin: 20px 0; }
	
	
	#news-title .title{ padding-top: 40px; }
	
	
	
	#footer h3{ margin-bottom: 5px; font-size: 18px;  }
	
	.form-newsletter{ width: 90%; }
	 
	#footer p.learn { padding-top: 5px; }
	
	#footer .cols{ margin: 0; }
	#footer .cols .col{ padding:15px 0; border-bottom: 1px solid rgba(255,255,255,0.1); }
	
	#footer .cols .col-newsletter, 
	#footer .cols .col-center, 
	#footer .cols .col-social{ width: 100%; }
	#footer .cols .col-center{ border-left: none; border-right: none; }
	
	#footer .address{ width: 100%; float: left; padding: 30px 0;  }
	#footer .address .item, #footer .address .sep{ display: none; }
	#footer .address .item.first-item{ display: block;}
	
	#footer .bottom{ border: none; }
	#footer .bottom{ padding: 15px 0; }
	#footer .bottom .col,
	#footer .bottom .col-last{ width: 100%;  text-align: center; line-height: 20px; }
	
	
	#footer .social{ padding: 20px 0; }
	
	.section-logos .logos div{ width: 100%}
	.section-logos .logos div img{ width: 100%; }
	
	
		
	.teamHero .photo{ width: 25%; height: 100px; }
	.section-about.section.section-team .col-last{ margin-top: 30px; }
	
	
	
}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 479px) { 
	
	body { -webkit-text-size-adjust: none; }
				
	.wrap { width: 320px; }
	
	#logo, #header.sticky #logo{ width: 100px; margin-top: 15px; }
	#header.sticky{ height: 85px; }
	
	.hero-box h1{ font-size: 17px; line-height: 22px; }
	
	.hero-box .headline-txt h2 {  font-size: 13px; line-height: 15px;  margin-left: 10px; margin-top: 10px; }
	.hero-box .headline-txt h2 br{ display: none; }
	
	.single .subhero{ height: 220px !important; }
	.single .subpage-title-shadow{ padding-top: 300px !important; }
	.single-post .subpage-title-service{ margin-top: 5px !important;}
	
	.orange-button .txt span{ font-size: 12px; }
	
	#services .wrap-services{ width: 320px; }
	.home #services .item .in{ padding: 10px; width: calc( 100% - 20px ) }
	#services .item h3, .home #services .item h3{ margin-top: 13px; font-size: 13px; line-height: 19px; }
	.home #services .item, .home #services .item:hover{ height: 172px; }
	
	.section-banners .col-photo{ height: 180px !important;  }
	
	#portfolio .item-big{ height: 346px; }
	#portfolio .item .download{ font-size: 9px; }
	#portfolio .item-banner, #portfolio .item-small{ height: 172px; }
	#portfolio .item-banner h5{ font-size: 9px; line-height: 11px; top:25%; }
	#portfolio .item h4, #portfolio .item-banner h4{ line-height: 14px; font-size: 12px; }
	
	#news .photo{ height: 150px;}
	#news .col h3{ font-size: 14px; line-height: 21px; }
	#news .col p { font-size: 13px; line-height: 19px; }
	 
	#footer .cols .col{ padding: 0; }
	#footer h3{ font-size: 15px; }
	#footer .cols .col-center h3{ font-size: 12px; }
	#footer .address, #footer .address a{ letter-spacing: 0; }
	
	.content-team a{ width: 48%; margin: 1%; }
	
	#col-left{ width: 320px; margin-bottom: 10px; padding-bottom: 10px;  }
	#col-left::before{ width: 100%; height: 5px; }
	
	h1{ padding: 10px 0; }
	.title h2.shadow{ font-size: 50px; line-height: 35px; display: none;  }
	.title h2, .title h1, .title h2, .title h1, .title h1.long, .title h2.long , .single-post h2.h2-half, .single-post h1.h2-half{  font-size: 25px;  line-height: 29px; letter-spacing: -0.5px; }
	.single-post h2.h2-half, .single-post h1.h2-half{ min-height: auto; }
	
	.cols-portfolio h2{ font-size: 18px; line-height: 25px; padding: 10px 0; }
	h4{ font-size: 17px; line-height: 24px; }

	.subhero-bottom .orange-button{ margin-top:0; }
	
	.subpage-title-shadow { padding-top: 320px; }
	.subpage-title-service{ padding-bottom: 10px; }
	.subpage-title .title{ margin-bottom: -13px; }
	.subpage-title-container .title h2.shadow{ display: none; }
	
	.back span{ display: none; }
	.back { min-width: 10px; line-height: 1px; } 
	
	.entry h3 { font-size: 16px;  line-height: 24px; }
	.entry h4 { font-size: 15px;  line-height: 21px; }
	.entry p{ padding: 8px 0; }
	.entry p, .entry li{ font-size: 13px; line-height: 21px; }
	.entry ul{ padding-left: 15px; }
	.entry li{ background-position: left 10px; background-size: auto 10px; padding-left: 15px; }
	
	h3.position{ font-size: 16px; margin-bottom: 10px; 	}
	
	.section-quote-2 .in{ width: 320px; margin: 10px auto; }
	.section-quote-2 .sign{ line-height: 20px; font-size: 12px; }
	
	.section-padding-30{ padding-top: 10px !important; }
	 
	.section-video-top{ padding-top: 0; }
	.section-video-bottom{ padding-top: 30px; }
	.section-video .button{ font-size: 12px; padding: 10px 15px; }
	.section-video .col-txt h3{ margin-bottom: 0; line-height: 23px; font-size: 18px; }
	
	.section-quote-2 .quote::before{ margin-top: -20px; width: 50px; }
	
	.ctitle{ font-size: 11px; line-height: 12px; }
	
	
	#services.page-services-video .item:hover{  }
	#services.page-services .item h3{ font-size: 13px; line-height: 18px; }
	
	.content-awards .item{ height: 115px; }
	.content-awards .item h3{ font-size: 13px; line-height: 11px; margin-top: 3px; }
	.content-awards .item h4 { font-size: 13px;  line-height: 13px;  letter-spacing: 0; max-width: 110px; margin: 2px auto;  } 
	.content-awards .item h5 { font-size: 10px; line-height: 12px; max-width: 117px;  }
	.content-awards .item p{ font-size: 9px; line-height: 10px; max-width: 106px; padding: 0; }
	
	.content-reports .item{ height: auto; padding-bottom: 20px; }
	
	.section .cols .col li{ padding-bottom: 10px; background-size: auto 8px; padding-left: 15px; }
	.section .cols .col ul{ padding-left: 10px; }
	
	.wmle_container.responsive .wmle_item_holder.col3 { width: 100% !important;  position: inherit !important; left: auto !important; top: auto !important;  margin-bottom: 20px; }
	
	.content-reports .item.item-first .item-photo h2{ font-size: 21px; line-height: 26px; }
	
	.report-apla .box h2{ font-size: 18px; }
	.report-apla .box h2::after{ width: 60px; height: 2px; margin-top: 10px; }
	.report-apla .box p.info{ font-size: 12px; line-height: 17px; margin-left: 15px; margin-right: 15px; }
	.report-apla .box .close{ top: 16px; right: -6px; font-size: 14px; }
	
	.videotype article .play-btn{ font-size: 40px; top: calc( 50% - 20px ); }
	.videotype .content-hold h3{ font-size: 13px; line-height: 17px; }
	.videotype .content-hold p{ font-size: 12px; line-height: 15px; }
	
	.single-post .entry h2,
	.single-post .entry h3{ font-size: 20px; line-height: 29px; } 
	
	#col-right .passion .widget ul li{  background-position-y: 12px; }
	.widget li a{ font-size: 13px; line-height: 18px; }
	.widget h2{ font-size: 25px; }
	
	.single-post #col-right .passion, #col-right .passion{ margin-top: 0; }
	
	.back-p{ margin: 10px 0 40px; }
	.back-p .back-b { bottom: auto; }
	
	.filters .input{ width: calc( 100% - 2px ); margin-bottom: 3px;  }
	.filters .input select{ font-size: 13px; padding: 12px 0;  }
	.filters .input-button{ display: none; }
	
	.content-portfolio .item{ height: 170px; margin: 1px 0px; width: 100%; }
	.content-portfolio .item .item-title{ font-size: 13px; line-height: 14px; }
	.content-portfolio .item .item-client{ font-size: 12px; line-height: 14px; margin-top: 5px; }
	
	.title h1.h2-half br, .title h2.h2-half br , .title h3.h3-half br{ display: none; }
	
	.tags a{ font-size: 10px; padding: 4px 10px; }
	.tags .tags-title{ font-size: 10px; line-height: 18px; }
	
	.form-footer .pole33{ width: 99%; }
	.form-footer .info{ font-size: 11px; margin-top: 5px;}
	
}