@media (max-width : 360px) {
.logo{max-width: 220px; position: absolute; left: 13px; min-height: 0px;}
.logo img{ max-width: 100%;}
.mainnav{margin-top: 0px;}
}
@media (max-width : 766px) {
.about-us-wrapper iframe {width:100%!important;}
.inner-wrapper{width:100%;margin:0}
.logo{max-width: 255px; position: absolute; left: 10px; min-height: 0px; top: 0px;}
.logo img{ max-width: 100%;}
.page-title {text-align: center; }
.mainnav{margin-top: 0px;}
.services-box span.icon{margin-bottom:20px}
.sm-margin{margin-top:30px}
.client-testimonial-caruosel{margin-top:30px}
.mb-30{margin-bottom:30px}
.footer-wrapper .social-icon{text-align:center;margin-bottom:20px}
.backtop{display:none}
.nav > li > a{padding:10px 2px}
.page-notfound strong{font-size:90px;line-height:90px}
.portfolio-content .grid-block figure{width:100%;margin-right:0}
.css-project-box .img-box{float:none!important;display:block;margin:0 0 20px}
.css-project-box .img-box img{max-width:100%}
.css-project-box .img-box a::before{left:48%;top:48%}
.copyright-text {text-align:center;}
.footer-contact {text-align:center;}
.project-details h2 a { font-size: 11px; color: #222; display: block; height: 13px; overflow: hidden; }
.promo-text h3 a { font-size: 11px; color: #222; display: block; height: 13px; overflow: hidden; }
.urundetay_benzer .post-thumbnail {margin-bottom:3px;}
.slogan {display:none;}
}
@media only screen and (min-width : 480px) and (max-width : 767px) {
.sm-margin{margin-top:30px}
.client-testimonial-caruosel{margin-top:30px}
.mb-30{margin-bottom:30px}
.footer-wrapper .social-icon{text-align:center;margin-bottom:20px}
.css-project-box .img-box{float:none!important;display:block;margin:0 0 20px}
.css-project-box .img-box img{max-width:100%}
.css-project-box .img-box a::before{left:48%;top:48%}
.copyright-text {text-align:center;}
.footer-contact {text-align:center;}
.project-details h2 a { font-size: 11px; color: #222; display: block; height: 13px; overflow: hidden; }
.promo-text h3 a { font-size: 11px; color: #222; display: block; height: 13px; overflow: hidden; }
.urundetay_benzer .post-thumbnail {margin-bottom:3px;}
}
@media (min-width : 768px) and (max-width : 991px) {
.navbar-collapse.collapse{display:none!important}
.inner-wrapper{width:100%;margin:0}
.social-icon{margin-top:0}
.client-testimonial-caruosel{margin-top:30px}
.mb-30{margin-bottom:30px}
.sm-margin{margin-top:30px}
.footer-wrapper .social-icon{text-align:center;margin-bottom:20px;margin-top:0}
.backtop{bottom:0;display:block}
.call-to-action-box .floatleft,.call-to-action-box .floatright{width:50%}
.our_progress{width:138px;margin-left:0}
#donutchart1,#donutchart2,#donutchart3,#donutchart4,#donutchart5{margin-left:5px}
.grid li{width:360px}
.portfolio-content .grid-block figure{width:47.6%}
.portfolio-content .grid-block figure:nth-child(2n+2){margin-right:0}
.css-project-box .img-box{float:none!important;display:block;margin:0 0 20px}
.css-project-box .img-box img{max-width:100%}
.css-project-box .img-box a::before{left:44%;top:44%}
}
@media (min-width : 992px) and (max-width : 1199px) {
.inner-wrapper{width:90%}
.services-box span.icon{margin-bottom:20px}
.our-progress{width:172px}
#donutchart1,#donutchart2,#donutchart3,#donutchart4,#donutchart5{margin-left:15px}
.grid li{width:230px}
#showcase-content1{margin-bottom:10px}
.feature{height:155px}
.feature-green{padding:22px 17px}
.feature-blue{padding:37px}
.feature-blue .b-light-text{font-size:26px}
.feature-blue .s-light-text{font-size:14px;font-weight:300}
.feature-blue .m-bold-text{font-size:24px}
.nav > li > a{padding:10px 5px}
#myCarousel a.right i{top:23%;left:-4px}
#myCarousel a.left i{top:24%;left:3px}
.portfolio-content .grid-block figure{width:30.9%}
.portfolio-content .grid-block figure:nth-child(3n+3){margin-right:0}
}
@media (min-width : 1200px) and (max-width : 1279px) {
.inner-wrapper{width:100%}
}
@media (min-width : 1280px) and (max-width : 1890px) {
.inner-wrapper{width:100%} 
}
@media (min-width : 1200px) {
.portfolio-content .grid-block figure:nth-child(4n+4){margin-right:0}
}