/*responsive*/
@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{margin:22px 0 0; height:36px;}
    .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:30vh;}
	.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:50px 15px 20px;}
	.hm_about .col-sm-4{padding:0;}
	.hm_about h1, .hm_about h3{text-align:left;}
    .hm_about_sct .btns{margin-bottom:0; padding: 10px 0;}
    .hm_about_sct .btn{margin-bottom:10px;}
	.hm_about img{width:85%; height:auto; margin:30px auto 0;}
	.hm_structure{background-color:#FFF; padding:30px 0 60px;}
	.banner-container img{height:25vh; object-fit:cover;}
    .certification li img{margin-bottom:15px;}
	.hm_services{padding:30px 0 40vh; background-position:right bottom; background-size:100% auto;}
	.hm-project{background-size:30% auto, 45% auto, 100% auto;}
	.hm-project li{margin:0 0 30px;}
	.office{padding:60px 0 30px;}
	.office_ctn{margin:0 0 50px;}
	.office h2{margin:0 0 15px;}
	.office_ctn img{margin-top:15px;}
	.footer{padding:30px 0;}
	.footer_ctn img{width:auto; height:auto; margin-top:20px;}
	.footer_ctn small{font-size:13px;}
	.footer_ctn small br{display:block;}

    /*--- ABOUT ---*/
    .about{padding:30px 0 50px; 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;}


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


    /*--- CONTACT ---*/
	.maps{padding:0;}

    /*--- PROJECT DETAIL ---*/
	.project_detail .pd{padding:50px 0 70px;}
	.project_detail h1{font-size:28px;}
	.project_detail .pd_gallery{margin-bottom:20px;}
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .slideshow .caption-slider{width:100%; margin: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;}


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


    /*--- 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;}
}