@media (max-width:1450px){

}

@media (max-width:1199px){
    .container {
        width: 100%;
    }
}

@media (max-width:1024px){
    .inner-done {
        margin-top: -35px;
    }
    .features-inner {
        min-height: 320px;
    }
    .demo-gallery > ul > li a {
        height: 250px;
    }
}

@media (max-width:980px){
    .container {
        width: 100%;
    }
    .inner-done {
        margin-top: 30px;
    }
    .done-section .col-sm-8 {
        float: left;
        width: 100%;
    }
    .demo-gallery > ul > li a {
        height: 330px;
    }
}

@media (max-width:800px){
    nav.navbar-default .nav > li > a {
        padding: 30px 10px;
        font-size: 13px;
    }
    .banner p {
        font-size: 14px;
    }
    .ultimate-features .col-sm-3.box2 {
        width: 50%;
        float: left;
    }
    .features-inner {
        min-height: 250px;
    }
    .demo-gallery > ul > li a {
        height: 265px;
    }
    nav.navbar-default.affix .nav > li > a {
        padding: 18px 10px;
    }
}


@media (max-width:767px){
    .navbar-toggle {
        margin-top: 22px;
        margin-bottom: 21px;
    }

    .affix .navbar-toggle {
        margin-top: 12px;
        margin-bottom: 11px;
    }
    .col-sm-4.right-img.box1 {
        display: none;
    }
    .ultimate-features .col-sm-3.box2 {
        width: 100%;
        float: left;
    }
    .features-inner {
        min-height: auto;
    }
    .form-s .col-sm-4 {
        padding: 10px 15px;
    }
    .demo-gallery > ul > li {
        float: left;
        width: 50%;
    }
    .demo-gallery > ul > li a {
        height: 330px;
        width: 100%;
    }
    .inner-price.sec- {
        margin-top: 25px;
    }
    .navbar .pull-right {
        float: right !important;
        width: 100%;
    }
    nav.navbar-default .nav > li > a,nav.navbar-default.affix .nav > li > a {
        padding: 10px 10px;
        font-size: 13px;
        width: 100%;
    }
    nav.navbar-default .nav > li > a::after {
        height: 2px;
    }
}

@media (max-width:640px){

}

@media (max-width:568px){

}

@media (max-width:480px){
    .demo-gallery > ul > li a {
        height: auto;
        width: 100%;
    }
    .demo-gallery > ul > li {
        float: left;
        width: 100%;
    }
    h2.heading- ,.banner h2 {
        font-size: 22px;
    }
    footer .box3 {
        font-size: 20px;
        margin-top: 0;
    }
}

@media (max-width:384px){

}

@media (max-width:320px){
    .navbar-brand > img {
        width: 200px;
    }
}