@media screen and (max-width:1199px){
    .col--center>div{
        vertical-align:bottom
    }
}
@media screen and (max-width:1199px){
    #header .navbar-toggle{
        display:block;
        margin-left:15px;
        margin-bottom:10px;
        padding:13px 20px;
        border-radius:50px
    }
    #header .navbar-header{
        float:none;
        margin-right:-15px
    }
    .header--custom-btn.btn--default{
        display:none
    }
    #header .navbar-header .header--custom-btn{
        display:block
    }
    .header--custom-btn{
        margin-left:0
    }
    #headerNav{
        max-height:320px;
        padding-left:0;
        padding-right:0;
        background-color:#303030;
        overflow:auto!important
    }
    #headerNav.collapse{
        display:none!important
    }
    #headerNav.collapse.in{
        display:block!important
    }
    #headerNav .nav{
        float:none!important;
        margin-top:7.5px;
        margin-bottom:7.5px;
        margin-right:0
    }
    #headerNav .nav>li{
        float:none
    }
    #headerNav .nav>li>a{
        margin-left:0;
        padding:20px 15px
    }
    #headerNav .nav>.dropdown>.dropdown-menu{
        position:static;
        float:none
    }
    .ext-price--item{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,0.3)
    }
    .ext-price--item:last-child{
        border-bottom:0
    }
    .ext-price--item span{
        border-bottom:0
    }
    .features--img{
        margin-bottom:60px
    }
    .features--item.dot:before,.features--item.dot:after{
        display:none
    }
    .blog--content+.blog--sidebar,.blog--sidebar+.blog--content{
        margin-top:20px
    }
    #aboutDesc{
        padding-bottom:50px
    }
    #aboutDesc>.container>.row>div{
        display:block
    }
    .about-desc--content,.about-desc--img{
        margin-bottom:30px
    }
    .pricing--item{
        margin-bottom:30px;
        margin-top:42px;
        border-bottom:1px solid #e9e9e9;
        border-right:0
    }
    .pricing--item:last-child{
        margin-bottom:0;
        border-bottom:0
    }
    .pricing--slider-item,.pricing--wrapper{
        padding-top:0
    }
    .pricing--item.popular{
        margin-top:0
    }
    .price-details--item.head{
        display:none
    }
    .price-details--item.body{
        margin-bottom:60px
    }
    .price-details--item.body:last-child{
        margin-bottom:0
    }
    .price-details--item.body .heading{
        margin-left:0;
        border-right:1px solid #e9e9e9
    }
    .price-details--item.body .content li{
        border-left:1px solid #e9e9e9;
        text-align:right
    }
    .price-details--item.body .content li strong{
        float:left;
        display:block
    }
    .price-details--item.body .content .action-btn{
        border-left:1px solid #e9e9e9
    }
    .price-details--table table{
        background-color:transparent
    }
    .price-details--table thead{
        display:none
    }
    .price-details--table tbody{
        border:0
    }
    .price-details--table tbody tr{
        display:block;
        background-color:#fff;
        margin-bottom:20px;
        border:1px solid #e9e9e9
    }
    .price-details--table tbody tr:last-child{
        margin-bottom:0;
        border-bottom:1px solid #e9e9e9
    }
    .price-details--table tbody td{
        display:block;
        padding-left:20px;
        padding-right:20px;
        border-bottom:1px dotted #e9e9e9;
        text-align:right;
        overflow:hidden
    }
    .price-details--table tbody td:last-child{
        border-bottom:0
    }
    .price-details--table tbody td strong{
        float:left;
        display:block
    }
    .price-details--table tbody td .btn--default+strong{
        margin-top:12px
    }
    .vps-pricing--action-btn{
        text-align:left
    }
    .vps-pricing--action-btn .btn--default{
        margin-left:18px;
        margin-right:0
    }
    .cpu-pricing--action-btn{
        text-align:left
    }
    .cpu-pricing--action-btn .btn--default{
        margin-left:18px;
        margin-right:0
    }
    .faq--categories{
        margin-bottom:40px
    }
    .faq--categories .nav{
        overflow:hidden
    }
    .faq--categories .nav>li{
        float:left
    }
    .faq--categories ul li a{
        margin-right:6px
    }
    #map:before{
        display:block
    }
    #backToTop{
        display:none
    }
    .col--center>div{
        display:block
    }
}
@media screen and (max-width:767px){
    #headerNav{
        padding-left:15px;
        padding-right:15px
    }
    #headerNav .nav{
        margin-right:-15px
    }
    #headerNav .nav>.dropdown>.dropdown-menu{
        background-color:#fff
    }
    #banner,.banner--slider,.banner--slider .owl-wrapper-outer,.banner--slider .owl-wrapper,.banner--slider .owl-item,.banner--item{
        height:auto
    }
    .banner--item{
        padding:120px 0 150px
    }
    .ds--form-ext{
        margin-top:0
    }
    .ds--form-ext label{
        float:left;
        display:block;
        width:33.33333%;
        margin-top:25px;
        text-align:left
    }
    #aboutDesc .row-vc>div{
        display:block
    }
    .about-desc--img{
        margin-bottom:35px
    }
    .team--social-links ul{
        overflow:hidden
    }
    .team--social-links ul li{
        float:left
    }
    .f0f--content h2{
        font-size:80px;
        line-height:94px
    }
    .f0f--content h3{
        font-size:24px;
        line-height:32px
    }
    .f0f--search-bar .form-control{
        margin-top:30px
    }
}
@media screen and (max-width:480px){
    .pricing--slider-nav ul>li{
        padding:14px 0 16px;
        font-size:18px;
        line-height:26px
    }
    .vps-pricing--features .col-xs-6{
        float:none
    }
    .vps-pricing--action-btn{
        margin-bottom:20px
    }
}
@media screen and (max-width:380px){
    #header .navbar-header .header--custom-btn{
        display:none
    }
    .ds--form-ext label{
        width:50%
    }
    .ds--form-input .btn--default{
        padding-left:30px;
        padding-right:30px
    }
}
