@charset "utf-8";
/* CSS Document */

/*media  styles*/

@media (min-width: 576px){

.hm-we-do-sec .content-box .desc{
	max-height:none;
	}	
	
	
}


@media (min-width: 768px){

body{
font-size:16px;
}

	
.page-wrapper{
	padding-right: 30px;
	padding-left: 30px;
	}

.top-container{
	padding-right: 30px;
	padding-left: 30px;
	}
	
.container{
	max-width:100%;
	padding-right: 30px;
	padding-left: 30px;
	}
	
	

.home-banner{
	position:relative;
	background:url(../images/web-banner-christmas.jpg);
	/*background:url(../images/home-banner.jpg);*/
	background-size:cover;
	width:100%;
	height:calc(100vh - 110px);
	margin:90px 0 0 0;
	}
	
.home-banner .banner-heading{
	font-size: 60px;
	}
	
	
.home-banner .hdr-christmas{
	display:inline-block;
	}
	
	
		

.carousel-control-next-icon, .carousel-control-prev-icon{
	width:50px;
	height:50px;
	}



	

	
.carousel-caption-1 h1{
	font-size:40px;
	}
	
	
		
.carousel-caption-1 h2, .carousel-caption-2 h2, .carousel-caption-3 h2{
	font-weight:600;
	font-size:65px;
	}
	
	.carousel-caption-1 h2 span, .carousel-caption-2 h2 span, .carousel-caption-3 h2 span{
	font-size:122px;
	font-weight:400;
	}

.carousel-caption-1 h3, .carousel-caption-2 h3, .carousel-caption-3 h3{
	font-weight:600;
	font-size:24px;
	}



.btn-more{
	padding:8px 30px;
	font-size:16px;
	}
	
.btn-more-blk{
	padding:8px 30px;
	font-size:16px;
	}



.sec-header h4, .sec-header-white h4{
	font-size:20px;
	margin:0 0 39px 0;
	padding-left:80px;
	}
	
	.sec-header h4:before, .sec-header-white h4:before{
	width:60px;
	}

			
.sec-header h3{
	font-size:40px;
	margin:0 0 35px 0;
	}
	
.sec-header h2{
	font-size:54px;
	margin:0 0 45px 0;
	}



.hm-intro-sec{
	padding:115px 0 120px;
	}
	
.hm-intro-sec .desc{
	margin:0 0 77px 0;
	}



.hm-training-sec{
	padding-bottom:60px;
	}

.hm-training-sec .bg-grey{
	padding-top:115px;
	margin:0 0 100px 0;
	}
	

.hm-training-sec .content-box .icon img{
	width:60px;
	}
	
.hm-training-sec .content-box h3{
	font-size:24px;
	margin:0 0 15px 0; 
	}
	

	
	
	


.hm-we-do-sec{
	padding-bottom:120px;
	}

.hm-we-do-sec .bg-red{
	padding-top:115px;
	}


.hm-we-do-sec .image-wrap .overlay-box{
	padding:40px;
	}
	
.hm-we-do-sec .content-box .number{
	font-size:12px;
	margin:0 0 40px 0;
	}
	
.hm-we-do-sec .content-box h3{
	font-size:24px;
	margin:0 0 36px 0; 
	}
	
.hm-we-do-sec .content-box .desc{
	font-size:14px;
	}
	
.hm-we-do-sec .btn-text{
	font-size:14px;
	}
	


.hm-portfolio-sec{
	padding-bottom:120px;
	}
	
.hm-portfolio-sec .portfolio-box{
	margin:0 0 50px 0;
	}
	
.hm-portfolio-sec .portfolio-box .title{
	font-size:18px;
	margin:0 0 5px 0;
	}
	
.hm-portfolio-sec .portfolio-box .sub-title{
	font-size:14px;
	}	
	
	
	
	
	
.hm-portfolio-sec .image-wrap .overlay-box{
	padding:40px;
	}

.hm-portfolio-sec .content-box h3{
	font-size:30px;
	margin:0 0 7px 0;
	}
	
.hm-portfolio-sec .content-box h5{
	font-size:16px;
	}	
	





.hm-clients-sec{
	padding-bottom:80px;
	}


	
	

.hm-bottom-bg-sec{
	height:400px;
	padding:40px;
	margin:0 0 100px 0;
	}

.hm-bottom-bg-sec h3{
	font-size:40px;
	margin-bottom:35px;
	}
	



			
.footer-sec{
	font-size:14px;
	}
	
.footer-sec .footer-widgets{
	padding:80px 0 10px 0;
	}
	
.footer-sec .footer-column{
	margin:0 0 40px 0;
	}
	
	
.footer-sec .footer-column h4{
	font-size:16px;
	margin:0 0 25px 0;
	}

.footer-sec .footer-column .links li{
	padding:5px 0;
	}
	
.footer-sec .footer-column .txt{
	margin:0 0 5px 0;
	}


.footer-sec .footer-logo{
	margin:0 0 28px 0;
	}
	

	
.footer-sec .copyright{
	font-size:12px;
	}
	
.footer-sec .form-control{
	font-size:13px;
	}
	

	

.sub-banner-sec{
	height:200px;
	}
	
.sub-banner-sec h1{
	font-size:68px;
	}
	
	
.sub-banner-sec h2{
	font-size:68px;
	}
	
	
	
.sub-banner-sec h4{
	font-size:30px;
	}	




.about-sec{
	padding:120px 0;
	}

	
.about-box-one, .about-box-two{
    height: 300px;
	padding: 40px;
	}
	
.about-box-one .title, .about-box-two .title{
	font-size:32px;
	}
	

.about-sec-two{
	height:425px;
	padding:40px;
	margin:0 0 120px 0;
	}
	
.about-sec-two h3{
	font-size:40px;
	margin-bottom:35px;
	max-width:75%;	
	}

	
.about-sec-three{
	padding:0 0 120px 0;
	}
	



.we-do-sec{
	padding:120px 0 40px 0;
	}
	
.we-do-sec h5{
	font-size:30px;
	margin:0 0 35px 0;
	}


	
	
.we-do-sec-two{
	padding:0 0 120px 0;
	}

.we-do-sec-two .image-wrap .overlay-box{
	padding:80px 40px ;
	}
	
.we-do-sec-two .content-box h2{
	font-size:36px;
	margin:0 0 35px 0; 
	}
	
.we-do-sec-two .content-box .desc{
	font-size:16px;
	margin:0;
	max-height: none;
	}
	
.we-do-sec-two .btn-text{
	font-size:16px;
	bottom:40px;
	}





.we-do-inside-sec{
	padding:120px 0 80px;
	}
	
	
.we-do-inside-sec h1{
	font-size:20px;
	margin:0 0 20px 0;
	padding-left:80px;
	}
	
	.we-do-inside-sec h1:before{
		width:60px;
		}
	

.we-do-inside-sec h4{
	font-size:20px;
	margin:0 0 20px 0;
	padding-left:80px;
	}
	
	.we-do-inside-sec h4:before{
		width:60px;
		}

.we-do-inside-sec h3{
	font-size:24px;
	margin:0 0 35px 0;
	}	
	
.we-do-inside-sec .list-item{
	margin:40px 0 0 20px;
	}
	
.we-do-inside-sec .sub-items{
	padding:50px 0 0 0;
	}
	
.we-do-inside-sec .sub-items h5{
	font-size:18px;
	margin:0 0 10px 0;
	}






.we-do-inside-sec-three{
	height:425px;
	padding:40px;
	margin:0 0 120px 0;
	}



.we-do-inside-sec-three h3{
	font-size:40px;
	margin-bottom:35px;
	}
	
	.we-do-inside-sec-three h3 span{
		font-size:60px;
		}
		
		

	
.training-sec{
	padding:40px 0;
	}


	
.training-sec .box{
	padding: 80px 0 0 0;
	}

.training-sec .box h3{
	font-size: 36px;
	margin: 0 0 30px 0;
	}
		
		



.portfolio-sec{
	padding:120px 0 70px;
	}
	
.portfolio-sec .portfolio-category li{
	font-size:16px;
	}
	
	.portfolio-sec .portfolio-category li a{
	padding:15px 20px;
	}
		
	
.portfolio-sec .portfolio-box{
	margin:0 0 30px 0;
	}
	
.portfolio-sec .portfolio-box .title{
	font-size:16px;
	}
	
.portfolio-sec .portfolio-box .sub-title{
	font-size:13px;
	}
	
	
.portfolio-sec .item{
	margin:0 0 30px 0;
	}
	
.portfolio-sec .item .title{
	font-size:16px;
	}
	
.portfolio-sec .item .sub-title{
	font-size:14px;
	}		




	
	
/*.portfolio-sec .box{
	padding:25px 40px;
	}
	
.portfolio-sec .name{
	margin:0 0 20px 0;
	}
		
.portfolio-sec .sub-title{
	font-size:12px;
	color:#888888;
	line-height:1;
	margin:0 0 25px 0;
	}
			
.portfolio-sec .desc{
	font-size:14px;
	margin:0 0 50px 0;	
	}
	
	

.portfolio-sec-two{
	padding-bottom:120px;
	}
	
.portfolio-sec-two .image-wrap .overlay-box{
	padding:40px;
	}	*/
	

	

.careers-sec{
	padding:120px 0 50px;
	}
	
	
	

.contact-sec{
	padding:120px 0 100px;
	}
	
.contact-sec .box{
	padding:80px 20px 50px;
	}


.contact-sec .contact h6{
	font-size:16px;
	margin:0 0 10px 0;	
	}	
	
.contact-sec .contact .address{
	font-size:18px;
	}
	
.contact-sec .contact .tel{
	font-size:18px;
	margin:0 0 31px 0;
	}

.contact-sec .contact .email{
	font-size:18px;
	}


.contact-sec-two{
	padding:0 0 100px 0;
	}

	
.contact-sec-two .contact-form .title{
	font-size:30px;
	margin:0 0 52px 0;
	}
	
.contact-sec-two .contact-form .title-one{
	font-size:30px;
	}	
	
.contact-sec-two .contact-form .title-two{
	font-size:18px;
	margin:0 0 50px 0;
	}		

	

.contact-sec-two .contact-form .form-group{
	margin-bottom:54px;
	}
	
.contact-sec-two .contact-form .form-control{
	padding:0 0 13px 0;
	font-size:16px;
	}

.contact-sec-two .contact-form .btn-submit{
	padding:8px 30px;
	font-size:16px;
	}	


.subscribe .form-control{
	margin:0;
	font-size: 14px;
	}
		
.subscribe h4{
	font-size:16px;
	padding:0 25px 0 0;
	margin:0;
	width:auto;
	}

.subscribe .btn-subscibe{
	font-size:14px;
	}
	

}



@media (min-width: 768px){

.page-wrapper{
	padding-right: 40px;
	padding-left: 40px;
	}
	
.top-container{
	padding-right: 40px;
	padding-left: 40px;
	}
	
	
.container{
	padding-right: 40px;
	padding-left: 40px;
	}
	
	
.carousel-caption-1 h1{
	font-size:60px;
	}
	
	


.contact-sec .bg-one{
	height:100%;
	margin:0;
	}
	
.contact-sec .bg-two{
	height:100%;
	margin:0;
	}
	


.contact-sec-two .form-row{
margin-right: -50px;
margin-left: -50px;
}
	
.contact-sec-two .form-row > .col, .form-row > [class*="col-"]{
padding-right: 50px;
padding-left: 50px;
}




	
	

	
}



@media (min-width: 992px){

.top-line{
	display: block;
	}
	
.home-banner .banner-heading{
	font-size: 90px;
	}

.carousel-caption-1 h1{
	font-size:70px;
	}
	
	
.hm-training-sec .content-box .row{
	margin-right: -5px;
    margin-left: -5px;
	}
	
.hm-training-sec .content-box .row > .col,
.hm-training-sec .content-box .row > [class*="col-"] {
	padding-right: 5px;
	padding-left: 5px;
	}
	

.we-do-inside-sec .row{
	margin-right: -30px;
    margin-left: -30px;
	}
	
.we-do-inside-sec .row > .col,
.we-do-inside-sec .row > [class*="col-"] {
	padding-right: 30px;
	padding-left: 30px;
	}	

	
.subscribe .form-control {
    padding: 10px 20px;
    min-width: 300px;
}
	
	
}



@media (min-width: 1200px){

.page-wrapper{
	padding-right: 60px;
	padding-left: 60px;
	}
	
.top-container{
	padding-right: 60px;
	padding-left: 60px;
	}
	
	
.container{
	padding-right: 60px;
	padding-left: 60px;
	}

	

	
.sub-banner-sec{
	height:375px;
	}
	
	
.about-sec .pr-5{
	padding-right:35px !important;
	}
		
	.about-sec .desc{
		margin:0;
		}
	







	

}



@media (min-width: 1366px){




}


@media only screen and (min-width: 1680px){
	
.sub-banner-sec{
	height:400px;
	}
	
	
.sec-header h2{
	font-size:60px;
	margin:0 0 45px 0;
	}
	
	
}


@media only screen and (min-width: 1920px){

  
.sub-banner-sec{
	height:527px;
	}
	
	
.hm-sec-two .content-box .desc{
	font-size:16px;
	}
	
	
}



@media (max-width: 1199px) {

}

@media (max-width: 991px) {


}


@media (max-width: 767px) {


}
	
@media (max-width: 575px) {



}