/*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 img.logo-img{width: 40%;padding-bottom: 30px;}
    .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;}
    ul.nav.navbar-nav.navbar-right li a{padding: 50px 10px 30px;}
    .navbar-brand{margin:20px 0 -50px;}
	.navbar-brand img{height:80px;}
    .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 img.logo-img{width: 35%;padding-bottom: 30px;}
    .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{padding: 20px 0;}
    .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;}


    /*--- 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) {
	.top .container img{height:4px;}
    .navbar .container{padding: 30px 0;}
	.navbar-brand{margin:-15px 0 -10px;}
    .navbar-brand img{height:70px;}
    .navbar-collapse{border-top: none;width: 100%; padding: 0 0 0 30px;}
    .navbar-default .navbar-toggle{border:none; margin-top: 5px;}
    ul.nav.navbar-nav.navbar-right{margin: 30px 0 0; width: 100%; text-align: center; padding: 0;}
    ul.nav.navbar-nav.navbar-right li{border-top: 1px solid #ebebeb;}
    ul.nav.navbar-nav.navbar-right li:last-child{border-bottom: 1px solid #ebebeb;}
    ul.nav.navbar-nav.navbar-right li a{border-top: none; width: 100%;padding: 10px; font-weight: bold;}
    ul.nav.navbar-nav.navbar-right li.active a{border-bottom: none; color: #199ea0;}
    ul.nav.navbar-nav.navbar-right li a:hover{border-bottom: none; color: #199ea0;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: transparent;}
	.slideshow img{height:50vh;}
	.slideshow .caption-slider{margin-top: -160px;}
	.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;}
	.hm_project{padding:30px 0 30px;}
	.hm_contact{margin:0;}
    .hm_about{padding: 30px 0; border-top:solid 1px #FFF;}
    .hm_about_sct .btns{margin-bottom:0; padding: 10px 0;}
    .hm_about_sct .btn{margin-bottom:10px;}
    .parallax-inner{padding: 50px 0;}
    .parallax-inner p{padding: 0 60px;}
    .hm_project_ctn{padding: 30px 120px 40px;}
    .whatwedo li{margin-bottom:40px;}
	.footer{padding:30px 0;}
	.footer_ctn img{width:auto; height:auto; margin-top:20px;}
	.footer_ctn small{font-size:16px;}
	.footer_ctn small br{display:block;}

    /*--- ABOUT ---*/
    .about{background-size:auto 100%; background-position: center bottom;}
    .about_sct{padding: 30px 0 0;}
    .about_ctn{padding: 0 15px; text-align:justify;}


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


    /*--- PROJECTS ---*/
    .project_sct{padding: 30px 0;}
    .projects-filt .btn{margin: 5px auto;}
	.project-info{text-align:center;}

    /*--- CAREERS ---*/
    .career_sct{padding: 30px 0;}
    #accordion{padding: 30px 0;}
	.card-header{width:100%; display:block;}

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


    /*--- PROJECT DETAIL ---*/
	.title-project{text-align:center;}
    .pd_ctn{padding: 20px 0 40px; background-repeat: repeat-y; background-position: top;}
	.thumbnails-image ul{text-align:center;}
    .pd_content:last-child{padding:30px 30px 0; text-align:justify; font-size:16px; line-height:1.75em;}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .slideshow .caption-slider{width:100%; margin:-70px 0 0; border:none;}
	.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 img.logo-img{width: 50%; padding-bottom: 30px;}
	.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;}
    .parallax-service-inner{padding: 60px 0;}
    .parallax-service-inner p{padding: 10px 0;font-size: 24px;}
    .parallax-service-inner a{font-size: 12px;padding: 10px 20px;}


    /*--- PROJECTS ---*/
    .project_sct h1{font-size: 32px;}
    .projects-filt{padding: 15px 0;}


    /*--- CAREERS ---*/
    .career_sct h1{font-size: 32px;}
    .career_sct h3{font-size: 20px;}


    /*--- CONTACT ---*/
    .contact_sct h1{font-size: 32px;}
    .contact_ctn{padding: 30px 0;}
    .contact_ctn:nth-child(2){padding: 30px 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 img.logo-img{width: 60%;padding-bottom: 20px;}
    .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;}

}