@media screen and (max-width:1199px) {
    .header--topbar:before {
        width: 75%
    }
}

@media screen and (max-width:991px) {
    .header--topbar {
        padding-bottom: 10px
    }
    .header--topbar:before {
        display: none
    }
    .header--info,
    .header--logo {
        float: none;
        text-align: center
    }
    .header--info {
        margin-top: 20px
    }
    .header--info>.nav>li {
        margin: 2px 20px 10px
    }
    .coming-soon--section .row--vc>div,
    .header--navbar .navbar-toggle,
    .pricing-table--item .features .nav>li:before {
        display: block
    }
    .header--navbar .navbar-collapse {
        float: none;
        display: none!important;
        position: absolute;
        top: 100%;
        left: 15px;
        right: 15px;
        max-height: 320px;
        color: #555;
        background-color: #fff;
        box-shadow: 0 1px 10px rgba(0, 0, 0, .1);
        overflow-y: auto!important
    }
    .header--navbar .navbar-collapse.collapsing,
    .header--navbar .navbar-collapse.in {
        display: block!important
    }
    .header--nav-links {
        float: none
    }
    .header--nav-links>li {
        float: none;
        margin-left: 20px;
        margin-right: 20px
    }
    .header--nav-links>li:first-child {
        margin-left: 20px;
        margin-right: 20px;
        padding-left: 21px
    }
    .header--nav-links>li+li {
        margin-top: 11px
    }
    .header--nav-links>li:first-child>a:before {
        display: block
    }
    .header--nav-links>.dropdown>.dropdown-menu {
        float: none;
        position: relative;
        margin-top: 0;
        margin-left: 0;
        box-shadow: none
    }
    .header--nav-links>.dropdown>.dropdown-menu>li>a {
        padding-left: 0;
        padding-right: 0
    }
    .header--nav-links>.dropdown.megamenu>.dropdown-menu {
        margin-right: 0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        background-position: top right
    }
    .header--nav-links>.dropdown.megamenu>.dropdown-menu:before {
        opacity: .95;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"
    }
    .header--nav-links>.dropdown.megamenu>.dropdown-menu>.nav {
        margin-top: 23px
    }
    .pricing-table--item .features .social {
        margin-top: 0
    }
    .gallery-details--info {
        margin-top: 25px
    }
    .products--content+.products--sidebar {
        margin-top: 70px
    }
    .blog--content.float--right {
        float: none
    }
    .post--item .content .embed-responsive {
        margin-top: 20px
    }
    .pagination-wrapper {
        text-align: center
    }
    .comin-soon--subscribe {
        margin-top: 55px
    }
    .comin-soon--subscribe .form .input-group {
        display: block
    }
}

@media screen and (max-width:767px) {
    .comment--item .content .header .float--right {
        width: 100%
    }
    .comment--item .content,
    .comment--item .content .header .rating {
        margin-top: 0
    }
    .comment--item .content .header .repty-btn {
        position: absolute;
        top: 0;
        right: 0
    }
    .comment--form .float--right {
        float: none
    }
    .header--navbar .navbar-header {
        float: left;
        margin-left: 0
    }
    .header--navbar .navbar-collapse {
        left: 0;
        right: 0;
        margin-left: 0;
        margin-right: 0
    }
    .header--nav-links {
        margin: 15px 0
    }
    .header--nav-links:last-child {
        margin-bottom: 15px
    }
    .header--nav-links>.dropdown.megamenu>.dropdown-menu:before {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
    }
    .header--nav-links>.dropdown.megamenu>.dropdown-menu>.nav+.nav {
        margin-top: 20px
    }
    .banner--slider {
        height: auto!important
    }
    .banner--item,
    .banner--item>.container,
    .banner--item>.container>.row,
    .banner--item>.container>.row>div {
        height: auto
    }
    .banner--content {
        text-align: center
    }
    .banner--content .buttons .btn {
        margin-left: 15px;
        margin-right: 15px
    }
    .pricing-table--item {
        margin-bottom: 60px
    }
    .pricing-table--item:last-child {
        margin-bottom: 0
    }
    .pricing-table--item .features,
    .pricing-table--item .header {
        border-right-width: 1px
    }
    .pricing-table--item .header {
        height: auto!important
    }
    .cart--items .table {
        border: 0
    }
    .cart--items .table thead {
        display: none
    }
    .cart--items .table tbody tr {
        display: block
    }
    .cart--items .table tbody tr+tr {
        margin-top: 30px
    }
    .cart--items .table tbody tr td {
        display: block;
        position: relative;
        padding-left: 152px;
        border-width: 1px 1px 0;
        text-align: right
    }
    .cart--items .table tbody tr td:last-child {
        border-bottom-width: 1px
    }
    .cart--items .table tbody tr td:before {
        content: attr(data-label);
        position: absolute;
        top: 50%;
        left: 15px;
        margin-top: -14px;
        color: #222;
        font-family: "Lora", serif;
        font-size: 18px;
        line-height: 28px;
        font-weight: 700
    }
    .cart--items .footer {
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 30px;
        border-top-width: 1px;
        text-align: center
    }
    .cart--items .footer .float--left,
    .cart--items .footer .float--right {
        float: none
    }
    .cart--items .footer .coupon--code {
        max-width: 100%;
        margin-bottom: 30px
    }
    .post--extra .social--widget {
        width: 100%
    }
    .post--extra .social--widget>li>span {
        display: block;
        margin-left: -10px
    }
    .blog--content .comment--item .content {
        margin-top: 12px
    }
    .blog--content .comment--item .content .header {
        padding-right: 115px
    }
    .contact--map-wrapper {
        position: relative;
        height: 300px;
        margin-top: -50px;
        margin-bottom: 60px;
        padding-top: 0;
        padding-bottom: 0
    }
    .contact--form {
        margin-bottom: -50px
    }
    .footer--copyright {
        text-align: center
    }
    .footer--copyright .float--left,
    .footer--copyright .float--right {
        float: none
    }
    .footer--copyright .float--left {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        justify-content: center;
        -webkit-justify-content: center;
    }
    .footer--copyright p {
        padding-top: 27px;
        padding-bottom: 0
    }
    .footer--copyright .nav {
        display: inline-block
    }
}

@media screen and (max-width:600px) {
    .gallery--item.col-xs-6,
    .products--section>.container>.row>.col-xs-6 {
        float: none;
        width: 100%
    }
}

@media screen and (max-width:480px) {
    .header--buttons a.btn {
        padding-left: 20px;
        padding-right: 20px
    }
    .product-single--img {
        margin-bottom: 60px
    }
    .cart--items .footer .coupon--code .input-group,
    .checkout--info-form .input-group {
        display: block
    }
    .cart--items .footer .coupon--code .input-group-btn,
    .checkout--info-form .input-group-btn {
        padding-top: 15px
    }
    .post--item .title blockquote:before {
        right: 20px
    }
    .col-xxs-6 {
        float: left;
        width: 50%
    }
    .col-xxs-12 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .hidden-xxs {
        display: none!important
    }
}

@media screen and (min-width:991px) {
    .service-details--sidebar {
        position: sticky;
        top: 70px;
    }
}