/*responsive*/
@media only screen and (max-width : 1157px){
    .navbar .container{width: 100%;}
	.navbar-brand{margin:15px 0 -30px;}
	.navbar-brand img{height:100px;}
}



@media only screen and (max-width : 1024px){
	.navbar-nav, .index ul.nav.navbar-nav li a{font-size:14px;}
	.navbar-collapse.navHeaderCollapse{width:620px;}
	ul.nav.navbar-nav{padding:0;}
	ul.nav.navbar-nav li a{margin:0 10px;}
	.nav-group .col-sm-3.col-xs-4{padding-left:0; text-align:left;}
	.index .img-logo{height:50px; margin:85px 0 0;}
	.index{background-size:120% auto; background-position:top right; background-color:#eaeef3;}
	.wallpaper{float:left; width:100%; height:auto !important;}
	.wallpaper .title{position:static; top:0; width:31%; padding:0 0 60px 0; margin-left:69%; margin-top:50px; font-size:15px;}
	.wallpaper .title h1{font-size:36px; margin-bottom:30px;}
	.wallpaper .title h1 big{font-size:60px;}
	.whatwedo p{font-size:16px;}
	.about-content .highlight{display:none;}
	.about .main-content{width:100%;}
	.about .main-content .visible-xs{display:block !important;}
	
}


/* Small Devices, Tablets */
@media only screen and (max-width : 800px) {
    .navbar .container{padding: 0 15px;}
	.navbar-nav{background-image:none; background-color:#FFF;}
    .navbar-nav li a{padding: 50px 10px 30px;}
	.navbar-collapse.collapse{margin:0;}
	.menu-btn{display:block;}
	
}



@media only screen and (max-width : 768px) {
	h1{font-size:32px;}
	h2{font-size:28px;}
	h3{font-size:24px;}
	.btn{font-size:16px; padding:9px 25px;}
	.index h2{line-height:1.3em;}
    .img-logo{height:40px; width:auto; margin:15px 0 15px;}
	.index .img-logo{margin:20px 0 25px;}
	.nav-group{background-image:none;}
    .navbar .container{padding: 30px 0;}
    .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;}
	.menu-btn{padding:10px; top:15px; background-color:#FFF;}
	.banner-container img{height:150px; object-fit:cover;}
	.index{background-size:140% auto; background-position:top left; background-color:#eaeef3;}
	.wallpaper{height:auto !important;}
	.wallpaper .title{position:static; top:0; width:100%; margin:240px 0 0; padding:0 30px 60px; text-align:center;}
	.wallpaper .title h1{margin-bottom:30px; font-size:32px;}
	.wallpaper .title h1 big{font-size:50px;}
	.whatwedo p strong{font-size:22px; line-height:30px;}
	.whatwedo p{font-size:15px;}
	.whatwedo ul{margin:30px 0 20px;}
    .whatwedo li{margin-bottom:40px;}
	.home-portfolio{padding:20px 0 0;}
	.home-portfolio li{padding-bottom:30px; font-size:18px;}
	.home-portfolio .btn{margin:10px 0 60px;}
	.about{padding:25px 15px 50px;}
	.about .highlight{border-right:none; border-top:solid 6px #4b4b4f; margin:0 0 50px; text-align:center; font-weight:bold;}
	.about .main-content{padding:0; font-size:16px;}
	.footer{background-image:none; background-color:#08357a; padding:0; text-align:center;}
	.footer .container{margin:0; padding:0;}
	.footer-right{padding:0;}
	.contacts{padding:35px 15px 0; text-align:center;}
	.contacts a{display:block; line-height:30px;}
	.contacts img{height:16px;}
	.copyright{text-align:center; margin:30px 0 0; padding:15px 0; height:auto; background-color:#0a4299;}

    /*--- ABOUT ---*/
	.about-content h1{margin:20px 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;}
    .parallax-service-inner p{padding: 30px 60px;font-size: 32px;}
    .parallax-service-inner a{font-size: 14px;padding: 15px 30px;}

    /*--- CLIENTS ---*/
    .client-logo-container{margin:-50px 0 0; width:100px; height:100px;}
	.clients_detail .pd{padding:0 0 50px;}
	.clients_detail h1{margin:30px 0;}
	.pd{padding:0 15px;}

	/*--- PD ---*/
	.pd image-gallery{background-color:#F0F0F0; padding:0 30px;}

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

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

@media only screen and (max-width : 758px) {
	/*.index{background-size:100% auto; background-position:top left; background-color:#eaeef3;}*/
	.wallpaper .title{margin:55vw 0 0;}
	.whatwedo ul{margin:70px 0 50px;}
	.whatwedo li.col-sm-3{float:left; width:50%;}
	.whatwedo li.col-sm-3:nth-child(2n+1){clear:left;}
	.menu-right{background-position:0 60vw;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.menu-right{background-position:bottom;}
}

@media only screen and (max-width : 320px) {
    .nav-group .col-sm-3.col-xs-4{width:100%; padding:0;}
	.index .img-logo{height:40px;}
	.wallpaper .title{margin:180px 0 0;}
	.about{font-size:14px;}
	.about .main-content{font-size:14px;}
	.na_img img{height:150px;}
	.article .news_archieve img{height:150px;}
	.portfolio_detail .pd{font-size:14px;}
	.article_detail .pd .container{font-size:14px;}
	.whatwedo li.col-sm-3{float:none; width:auto;}
}