@media (max-width:1200px) {
.container{ width:96%; margin:0 auto; padding:0;}
.top_part .logo_info{ min-height:inherit; clear:both; padding:3px 0 0 0; margin:8px 0 0 0; font-size:12px; border:none; border-top:1px solid #a7a7a7;}
.top_part .navbar-nav > li{ margin:0 0 0 10px;}
.top_part .navbar-nav{ margin-top:36px;}
.slider_sec .carousel-indicators{ bottom:170px;}
.developer_sec .title_info{ margin-top:20px;}
ul.list_link li{ font-size:17px;}
ul.footer_link li span{ font-size:13px;}
ul.list_link li a:after{ top:0;}

}

/************ Main **************/
@media (max-width: 960px) {
.top_part .navbar-default .navbar-nav > li > a{ padding:10px 13px; border-radius:0;}
.slider_sec .carousel-indicators{ bottom:120px;}
.title_info span{ font-size:54px;}
.title_info h2{ margin-top:-51px;}
.footer_logo{ text-align:center;}

.top_part .navbar-default .navbar-nav > .open > a, .top_part .navbar-default .navbar-nav > .open > a:hover, .top_part .navbar-default .navbar-nav > .open > a:focus,
.top_part .navbar-default .navbar-nav > li > a:hover, .top_part .navbar-default .navbar-nav > li > a:focus
{background:#075cad;}
.top_part .navbar-header { float: none;}
.top_part .navbar-toggle {display: block;}
.top_part .navbar-collapse.collapse {display: none!important;}
.top_part .navbar-nav {float: none!important; margin: 7.5px -15px;}
.top_part .navbar-nav>li {float: none; clear:both;}
.top_part .navbar-nav>li>a { padding-top: 10px;padding-bottom: 10px;}
.top_part .navbar-text {float: none; margin:15px 0;}
.top_part .navbar-collapse.collapse.in { display: block!important;}
.top_part .collapsing {overflow: hidden!important;}
.top_part .navbar-nav > li > .dropdown-menu{ box-shadow:none; border:none; width:100%; position:relative; padding:0; top:0 !important;} 
.top_part .dropdown-menu{ position:static; float: none; border:none; box-shadow:none;}
.navbar-default .navbar-toggle{ border-radius:0; border-color:#075cad; margin:28px 0 0 0;}
.navbar-default .navbar-toggle .icon-bar{ background:#075cad;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none; box-shadow:none;}
.top_part .navbar-nav{ margin-top:20px; float:none;}
.top_part .navbar-nav > li{ margin:2px 0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ color:#f23b3f!important; background:rgba(255,255,255,0.80) !important;}
.service_sec{ padding-bottom:20px;}
.copyright{ padding-top:30px;}
.top_part .dropdown-menu > li.open a:after { display:none;}
.top_part .dropdown-menu > li.open a:last-child:after{display:none;}
.top_part .dropdown-menu > li > a{color:#fff !important; padding:11px 15px !important;}
.top_part .navbar-nav > li > .dropdown-menu:after{ display:none;}
ul.footer_social{ text-align:center;}
.inner_banner:after{ min-height:100px;}

.form_sec .inner{ padding:140px 0 100px 0;}
.form_sec .inner:before{ height:100px;}
.form_sec .inner:after{ height:100px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:93%; margin:0 auto; padding:0;}
.top_part{ padding: 0px 0 20px 0;}
.top_part .navbar-default{ margin-top: 30px; }
.top_part .navbar-default .navbar-brand{ width:180px;}
.top_part .logo_info{ font-size:11px;}

.slider_sec .carousel-indicators{ bottom:90px;}
.developer_sec figure{ margin-top:25px; min-height:inherit;}
.developer_sec figure img{ position:relative;}
.portfolio_block figure{ margin-bottom:35px;}
.service_sec .more_ser{ margin:0;}
ul.footer_link{ margin:0;}
.footer_detail{ text-align:center;}
.copyright{ padding:20px 0;}
.quote_sec { margin-top:0px;}
.what_do{ margin-bottom:50px;}
.inner_banner:after{ min-height:60px;}
.form_info{ padding-top:0;}

.form_sec .inner:before{ height:60px;}
.form_sec .inner:after{ height:60px;}
.form_sec .inner{ padding:100px 0;}
}

/************ iphone **************/
@media (max-width:600px) {
html { -webkit-text-size-adjust:none;}
.container{ width:91%;}
.hire { padding:3px 0 10px 0;}
.hire .inner_hire{ text-align:center;}
.hire .hire_btn{ padding:5px 10px; font-size:13px;width:162px;}
.hire .blue{ margin-top:10px;}
.title_info span{ font-size:35px;}
.title_info h2{ font-size:25px; margin-top:-31px;}
.testimonial_slider{ padding:0 40px;}
.testimonial_slider .carousel-control { margin:-23px 0 0 0; top:40%; width:35px; height:35px; font-size:20px; line-height:33px;}
.testimonial_slider .carousel-control.left{ left:-40px; background:none;}
.testimonial_slider .carousel-control.right{ right:-40px;  background:none;}
.testimonial_slider .carousel-inner > .item{ padding:25px 20px 0;}
.testimonial_slider p{ font-size:14px; line-height:23px;}
.quote_sec .col-xs-5, .quote_sec .col-xs-2{ width:100%;}
.title_info.left span{ font-size:36px;}
.title_info.left h2{ font-size:22px; margin-top:-32px;}
.title_info.left{ margin-bottom:40px;}
.thank_sec h3{ font-size:16px;}
.thank_sec .thank_inner{ padding:30px 0; margin-bottom:30px;}

.form_sec .inner:before{ height:30px;}
.form_sec .inner:after{ height:30px;}
.form_sec .inner{ padding:60px 0;}
}

@media (max-width:400px) {
.slider_sec .carousel-indicators{ bottom:45px;}
.hire { padding:10px 0 10px 0;}
.inner_banner:after{ min-height:40px;}
}
@media(max-width:320px){
    .hire .hire_btn{
        width:142px;
    }
}