/*responsive*/
@media only screen and (max-width : 1157px){
    .navbar .container{width: 100%;}
	.navbar-brand{margin:15px 0 -30px;}
	.navbar-brand img{height:100px;}
    .hm_about{padding: 30px 0;}
    .hm_about_sct{padding: 15px 240px;}
    .hm_about_sct .btns img{width: 50%;}
	.hm_about_sct .btns span{font-size:18px;}
    .parallax-inner p{padding: 30px 200px 0;}

    /*--- SERVICES ---*/
    .parallax-service-inner p{padding: 30px 180px;}

    /*--- PROJECT DETAIL ---*/
    .title-project{}
}



@media only screen and (max-width : 1024px){
    .hm_about{padding: 30px 0;}
    .hm_about_sct{padding: 15px 120px;}
    .hm_about_sct .btns img{width: 25%;}
    .parallax-inner{padding: 30px 0 60px;}
    .parallax-inner p{padding: 30px 140px 0; font-size: 28px;}
    .parallax-inner h5{font-size: 24px;}
    .hm_pc{padding: 40px 15px; background-size:cover;}
    .hm_contact,.hm_project{padding:0;}
    .hm_contact_sct{padding: 30px 120px;}
    .hm_contact_sct h3{font-size: 28px;}


    /*--- ABOUT ---*/
    .about_ctn{padding: 0 160px;}


    /*--- SERVICES ---*/
    .service_sct{padding: 20px 50px;}
    .parallax-service-inner p{padding: 30px 120px;}


    /*--- CAREERS ---*/
    #accordion{padding: 30px 160px;}


    /*--- CONTACTS ---*/
    .contact_ctn{padding: 30px 40px 30px 10px;}
    .contact_ctn:nth-child(2){padding: 30px 10px 30px 40px;}


    /*--- PROJECT DETAIL ---*/
}


/* Small Devices, Tablets */
@media only screen and (max-width : 800px) {
    .navbar .container{padding: 0 15px;}
	.navbar-nav{background-image:none;}
    .navbar-nav li a{padding:15px 10px 15px !important; border-bottom:none !important;}
	.navbar-collapse.collapse{margin:0; padding:0;}
	.line-nav{display:none;}
	.menu-btn{display:block;}
    .img-logo{height:70px; width:auto; margin:20px 0 0;}
    .slick-prev{left: 710px !important;top: 240px !important;}
    .slick-next {top: 280px !important;}
    .hm_about{padding:15px 0;}
    .hm_about_sct{padding: 0 60px;}
    .hm_about_sct .btns img{width: 18%;}
    .parallax-inner{padding: 30px 0;}
    .parallax-inner p{padding: 30px 80px 0; font-size: 28px;}
    .parallax-inner h5{font-size: 24px;}
	.hm_pc .slick-slide{margin:0 30px;}
    .hm_project_sct{padding: 15px;}
    .hm_contact_sct{padding: 30px 80px;}
    .office_ctn.title-office{padding:0; border:none; text-align:center;}
    .office_ctn {padding: 0px;}
	.office .col-sm-4{margin-bottom:30px;}


    /*--- ABOUT ---*/
    .about_ctn{padding: 0 120px;}


    /*--- SERVICES ---*/
    .service_sct{padding: 20px 30px;}
    .parallax-service-inner p{padding: 30px 60px;font-size: 32px;}
    .parallax-service-inner a{font-size: 14px;padding: 15px 30px;}


    /*--- PROJECTS ---*/
    .column{padding: 0;}


    /*--- CAREERS ---*/
    #accordion{padding: 30px 120px;}


    /*--- PROJECT DETAIL ---*/
    .pd_ctn{padding: 30px 80px 50px;}
}



@media only screen and (max-width : 768px) {
	h1{font-size:32px;}
	h2{font-size:28px;}
	h3{font-size:24px;}
	.index h2{line-height:1.3em;}
	.top .container img{height:4px;}
	.menu-right ul{font-size:16px;}
    .navbar .container{padding:15px 0;}
	.navbar-brand{margin:-15px 15px -10px;}
    .navbar-brand img{height:50px;}
    .navbar-collapse{border-top: none;width: 100%; padding: 0 0 0 30px;}
    .navbar-default .navbar-toggle{border:none; margin-top: 5px;}
    nav.navbar-nav{margin: 30px 0 0; width: 100%; text-align: center; padding: 0;}
    nav.navbar-nav li{border-top: 1px solid #ebebeb;}
    nav.navbar-nav li:last-child{border-bottom: 1px solid #ebebeb;}
    nav.navbar-nav li a{border-top: none; width: 100%;padding: 10px; font-weight: bold;}
    nav.navbar-nav li.active a{border-bottom: none; color: #199ea0;}
    nav.navbar-nav li a:hover{border-bottom: none; color: #199ea0;}
	#slider{display:none;}
	.slideshow img{width:100%; height:45vh; object-fit:cover;}
	.slideshow .caption-slider{top:30vh; left:30px;}
	.slideshow .caption-slider li{font-size:32px;}
	.slideshow .caption-slider li:last-child{font-size:64px; margin:-20px -20px 0 0;}
	.caption-slider .name-loc{padding:15px 30px;}
	.caption-slider .name-loc h3{font-size:22px;}
	.my_btn_prev, .my_btn_next{padding:10px 25px;}
	.slick-dots li button:before{font-size:32px;}
	#slidermobile{display:block;}
	.glance img{width:60%;}
	.productpreview{padding:60px 15px 190px; background-image:url(../images/front/bg-splat.jpg); background-position:left bottom; background-size:70% auto;}
	.productpreview h2{font-size:28px;}
	.productpreview ul{list-style:none; border-top:solid 1px #FFF; padding:0;}
    .productpreview li{float:left; width:100%;}
	.productpreview .swiper-pagination, .productpreview  .more{margin-left:-15px;}
	.hm_project{padding:30px 0 30px;}
	.hm_contact{margin:0;}
    .hm_about{padding: 40px 0 60px; border-top:solid 1px #FFF;}
	.hm-about-content{padding:15px 30px;}
	.hm-about-content .btns{margin-top:50px;}
    .hm_about_sct .btns{margin-bottom:0; padding: 10px 0;}
    .hm_about_sct .btn{margin-bottom:10px;}
	.banner-container img{height:150px; object-fit:cover;}
	.footer{padding:0;}
	.footer-intro{padding:0; text-align:center;}
	.footer .container{margin:0; padding:0;}
	.copyright{text-align:center; padding:30px 0 30px; height:auto;}
	.social{margin-bottom:15px;}
	.footer-logo img{height:80px;}
	#sidebar2{bottom:60px; width:75px; height:75px;}
	#sidebar2 img{width:75px; height:75px;}

    /*--- ABOUT ---*/
	.about-content h1{margin:0 0 50px;}
    .about-content h3{margin-bottom:20px;}
	.about-content{line-height:1.5em;}
	.about-content img{width:100%; margin:0 0 30px;}

    /*--- SERVICES ---*/
    .service_sct{padding: 0 30px;}
    .service_ctn{padding: 30px 20px;}

    /*--- CLIENTS ---*/
	.services_detail .pd{padding:0 0 50px;}
	.services_detail h1{margin:30px 0;}
	.services_detail .pd.presentation h3{line-height:inherit; margin:0 0 25px;}
	.services_detail .pd.presentation .item{margin:0 0 30px; float:none;}
	.services_detail .pd ul.pd_archieve{padding:0 15px;}
	.services_detail .pd.video-gallery h3{margin:30px 15px 30px;}

    /*--- CONTACT ---*/
    .contact_sct{padding: 30px 0;}
    .contact_ctn{padding: 30px 15px 0;}
    .contact_ctn:nth-child(2){padding: 30px 0 0;}
	.maps{margin-bottom:0;}
	.contact_sct .linebelow{margin-bottom:15px;}
	.contact_form{padding:0;}
	.contact_form h3{margin:15px 0 45px;}

    /*--- PROJECT DETAIL ---*/
	.productcategory-container{padding:0 15px 20px;}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .slideshow .caption-slider{}
	.caption-slider .name-loc{width:100%; padding:15px 0; text-align:center;}
	.caption-slider .btns{width:100%;}
	.my_btn_prev, .my_btn_next{float:left; width:50%; text-align:center;}
	.my_btn_prev{border-bottom:none; border-right:solid 1px #999;}
    .slideshow .caption-slider h3{font-size: 16px;}
    .slideshow .caption-slider span{font-size: 12px;}
    .slick-dots{margin:0; top:10px;}
    .hm_about_sct{padding: 0 15px;}
	.hm_about_sct .btns img{width: 20%;}
    .parallax-inner p{padding: 0 15px;font-size: 18px;}
    .parallax-inner h5{font-size: 16px; line-height: 0;}
    .hm_project p{font-size: 16px;}
    .hm_project strong{font-size: 32px;}
    .hm_project_ctn{padding: 10px 15px 20px;}
    .hm_contact_sct{padding: 15px;}
    .office_ctn.title-office strong{font-size: 32px;}
	.contact_ctn.text-right{text-align:center;}
	.footer_ctn{text-align:center; line-height:1.2em;}
	.footer_ctn br{display:inline;}
	.footer_ctn img{margin-bottom:10px;}


    /*--- ABOUT ---*/
    .about_sct h1{font-size: 32px;}
    .about_ctn h3{font-size: 20px;}

    /*--- SERVICES ---*/
    .service_sct h1{font-size: 32px;}
    .service_ctn h3{font-size: 20px;}

    /*--- CONTACT ---*/
	.contact{width:100%; padding:0 45px;}
    .contact_sct h1{margin:20px 0 15px; font-size: 32px;}
    .contact_ctn{padding: 30px 15px 0;}

    /*--- PROJECT DETAIL ---*/
    .title-project{margin:-80px 0 0; padding: 0 10px 5px;}
    .title-project h1{margin-bottom:0; font-size: 24px; line-height: 20px;}
    .title-project span{font-size: 12px;}
    .pd_ctn {padding: 20px 0 40px;}
    .pd_ctn h3{font-size: 22px; padding: 20px 0 40px;}
    .project-info p{font-size: 16px;}
}


@media only screen and (max-width : 320px) {
    .container{padding: 10px 0;}
    .slideshow .caption-slider h3{font-size: 14px;}
    .slideshow .caption-slider span{font-size: 10px;}
    .slideshow .caption-slider{padding: 0 30px 5px;}
    .slick-prev{left: 260px !important;top: 90px !important;}
    .slick-next {top: 115px !important;right: 20px !important;}
    .hm_about_sct p{text-align: justify;padding-bottom: 10px;}
    .hm_project_ctn{padding: 0 0 20px;}
    .hm_contact_sct h3{text-shadow: 1px 1px #000;}
    .office_ctn.title-office{left: 25%;}
    .office_ctn{padding: 10px 0;}
    .office_ctn img{width: 10%;}
    .footer_ctn small{font-size: 10px;}
    .footer_ctn img{width: 15%;}

    /*--- ABOUT ---*/
    .about_ctn{padding: 0 15px;}
    .about_ctn:nth-child(3){padding: 15px 15px;}
    .about_ctn p.desc{text-align: justify;padding-top: 10px;}


    /*--- SERVICES ---*/
    .service_sct{padding: 0 15px;}
    .service_ctn {padding: 20px 0;}
    .parallax-service{padding: 0;}
    .parallax-service-inner{padding: 40px 0;}
    .parallax-service-inner p{padding: 10px 0;font-size: 18px;}
    .parallax-service-inner a{font-size: 12px;padding: 5px 10px;}


    /*--- PROJECTS ---*/
    .project{padding: 0;}


    /*--- CAREERS ---*/
    .card{padding: 0;}
    .card-header{padding: 10px 10px;}


    /*--- CONTACT ---*/
    .contact_ctn{padding: 30px 0;}
    .contact_ctn:nth-child(2){padding: 30px 0;}


    /*--- PROJECT DETAIL ---*/
    .title-project{padding: 0 10px 5px;}
    .title-project h1{font-size: 18px; line-height: 10px;}
    .title-project span{font-size: 8px;}
    .pd_ctn {padding: 10px 0 40px;}
    .pd_ctn h3{font-size: 16px;}

}