/*

[Responsive Stylesheet]

Project     : SMM24 - Multipurpose Social Media Management and Marketing HTML Template
Author      : themelooks.com
Author URI  : https://themeforest.net/user/themelooks


NOTE:
------
PLEASE DO NOT EDIT THIS CSS, YOU MAY NEED TO USE "custom.css" FILE FOR WRITING YOUR CUSTOM CSS.
WE MAY RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE. IT'S BETTER AND SAFER TO USE "custom.css".


[TABLE OF CONTENTS]

1. MEDIA QUERIES
    1.1. LARGE DEVICES, WIDE SCREENS
    1.2. MEDIUM DEVICES, DESKTOPS
    1.3. SMALL DEVICES, TABLETS
    1.4. SMALL DEVICES, SMARTPHONES
    1.5. CUSTOM, IPHONE RETINA

*/

/*------------------------------------*\
    1. MEDIA QUERIES
\*------------------------------------*/
/* 1.1. LARGE DEVICES, WIDE SCREENS */
@media screen and (max-width: 1199px) {
    /* HEADER SECTION */
    .header--topbar:before {
        width: 75%;
    }
}

/* 1.2. MEDIUM DEVICES, DESKTOPS */
@media screen and (max-width: 991px) {
    /* HEADER SECTION */
    .header--topbar {
        padding-bottom: 10px;
    }

    .header--topbar:before {
        display: none;
    }

    .header--logo {
        float: none;
        text-align: center;
    }

    .header--info {
        float: none;
        margin-top: 20px;
        text-align: center;
    }

    .header--info > .nav > li {
        margin: 2px 20px 10px;
    }

    .header--navbar .navbar-toggle {
        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, 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: 0.95;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
    }

    .header--nav-links > .dropdown.megamenu > .dropdown-menu > .nav {
        margin-top: 23px;
    }

    /* PRICING SECTION */
    .pricing-table--item .features .nav > li:before {
        display: block;
    }

    .pricing-table--item .features .social {
        margin-top: 0;
    }

    /* X.X. GALLERY DETAILS SECTION */
    .gallery-details--info {
        margin-top: 25px;
    }

    /* PRODUCTS SECTION */
    .products--content + .products--sidebar {
        margin-top: 70px;
    }

    /* BLOG SECTION */
    .blog--content.float--right {
        float: none;
    }

    .post--item .content .embed-responsive {
        margin-top: 20px;
    }

    .pagination-wrapper {
        text-align: center;
    }

    /* COMING SOON SECTION */
    .coming-soon--section .row--vc > div {
        display: block;
    }

    .comin-soon--subscribe {
        margin-top: 55px;
    }

    .comin-soon--subscribe .form .input-group {
        display: block;
    }
}

/* 1.3. SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    /* COMMENT LIST */
    .comment--item .content {
        margin-top: 0;
    }

    .comment--item .content .header .float--right {
        width: 100%;
    }

    .comment--item .content .header .rating {
        margin-top: 0;
    }

    .comment--item .content .header .repty-btn {
        position: absolute;
        top: 0;
        right: 0;
    }

    /* COMMENT FORM */
    .comment--form .float--right {
        float: none;
    }

    /* HEADER SECTION */
    .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: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    }

    .header--nav-links > .dropdown.megamenu > .dropdown-menu > .nav + .nav {
        margin-top: 20px;
    }

    /* BANNER SECTION */
    .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 SECTION */
    .pricing-table--item {
        margin-bottom: 60px;
    }

    .pricing-table--item:last-child {
        margin-bottom: 0;
    }

    .pricing-table--item .header,
    .pricing-table--item .features {
        border-right-width: 1px;
    }

    .pricing-table--item .header {
        height: auto !important;
    }

    /* CART SECTION */
    .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;
    }

    /* BLOG SECTION */
    .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 SECTION */
    .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 */
    .footer--copyright {
        text-align: center;
    }

    .footer--copyright .float--left,
    .footer--copyright .float--right {
        float: none;
    }

    .footer--copyright p {
        padding-top: 27px;
        padding-bottom: 0;
    }

    .footer--copyright .nav {
        display: inline-block;
    }
}

@media screen and (max-width: 600px) {
    /* GALLERY SECTION */
    .gallery--item.col-xs-6 {
        float: none;
        width: 100%;
    }

    /* PRODUCTS SECTION */
    .products--section > .container > .row > .col-xs-6 {
        float: none;
        width: 100%;
    }
}

/* 1.4. SMALL DEVICES, SMARTPHONES */
@media screen and (max-width: 480px) {
    /* HEADER SECTION */
    .header--buttons a.btn {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* PRODUCTS SECTION */
    .product-single--img {
        margin-bottom: 60px;
    }

    /* CART SECTION */
    .cart--items .footer .coupon--code .input-group {
        display: block;
    }

    .cart--items .footer .coupon--code .input-group-btn {
        padding-top: 15px;
    }

    /* CHECKOUT SECTION */
    .checkout--info-form .input-group {
        display: block;
    }

    .checkout--info-form .input-group-btn {
        padding-top: 15px;
    }

    /* BLOG SECTION */
    .post--item .title blockquote:before {
        right: 20px;
    }

    /* COL XXS */
    .col-xxs-6 {
        float: left;
        width: 50%;
    }

    .col-xxs-12 {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    /* HIDDEN XXS */
    .hidden-xxs {
        display: none !important;
    }
}

/* 1.5. CUSTOM, IPHONE RETINA */
@media screen and (max-width: 320px) {
    
}