/*

[Responsive Stylesheet]

Project: QuickFix - Multipurpose Servicing and Repairing HTML Template
Version: 1.3
Author : themelooks.com


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) {
    /* SERVICES SECTION */
    .service--item .dot {
        display: none;
    }

    /* 404 SECTION */
    .f0f--section .footer .subscribe--widget {
        max-width: 235px;
    }
}

@media screen and (min-width: 992px) {
    /* BANNER SECTION */
    .banner--form {
        margin-top: 0 !important;
    }
}

/* 1.2. MEDIUM DEVICES, DESKTOPS */
@media screen and (max-width: 991px) {
    /* HEADER SECTION */
    .header--navbar-top {
        display: none;
    }
    .navbar-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header-right {
        display: flex;
        align-items: center;
    }
    .header--navbar-top .logo {
        float: none;
        height: auto !important;
    }

    .header--navbar-top .logo + .float--right {
        float: none;
    }

    .header--navbar-top-info {
        float: none;
        display: inline-block;
        height: auto !important;
        margin: 10px 0 20px;
    }

    .header--navbar-top-info .nav > li {
        margin: 15px 15px 0;
    }

    .header--navbar-top-info .nav > li + li {
        margin-left: 15px;
    }

    .header--navbar-top-btn {
        float: none;
        height: auto !important;
        margin: 0;
    }

    .header--navbar .navbar-header {
        float: none;
        margin: 0;
    }

    .header--navbar .navbar-toggle {
        float: none;
        display: block;
        margin: 13px 0;
        background-color: #f69323;
        border-color: #f69323;
        border-radius: 0;
        -webkit-transition: background-color .25s ease-in-out;
        transition: background-color .25s ease-in-out;
    }

    .header--navbar .navbar-toggle.collapsed {
        background-color: transparent;
    }

    .header--navbar .navbar-toggle .icon-bar {
        background-color: #fff;
        -webkit-transition: background-color .25s ease-in-out;
        transition: background-color .25s ease-in-out;
    }

    .header--navbar .navbar-toggle.collapsed .icon-bar {
        background-color: #222;
    }

    .header--navbar .navbar-collapse {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 0;
        background: #fff;
        z-index: 1020;
        width: 250px;
        margin-left:-250px;
        transition: ease-in-out .3s;
    }
    #headerNav.active{
        margin-left:0;
    }

    .header--navbar .navbar-collapse.collapsing,
    .header--navbar .navbar-collapse.collapse.in {
        display: block !important;
    }

    .header--nav-links {
        float: none;
    }

    .header--nav-links > li {
        float: none;
    }

    .header--nav-links > li + li > a {
        border-width: 0 1px 1px;
    }

    .header--nav-links > li > a {
        padding: 10px 15px;
    }

    .header--nav-links .dropdown-menu > li > a {
        padding-left: 30px;
        padding-right: 30px;
    }

    .header--nav-links .dropdown-menu {
        float: none;
        position: relative;
        box-shadow: none;
    }

    .header--nav-links .megamenu > .dropdown-menu {
        width: 100%;
        border: 1px solid #eee;
    }

    .megamenu-img {
        margin-top: 31px;
    }
    .header--nav-search .dropdown-toggle {
        font-size: 20px;
        margin-left:15px;
        padding:20px 0;
    }
    .toggle-btn{
        cursor: pointer;
        display: block;
    }
    .toggle-btn i {
        font-size: 21px;
    }

    .header--nav-search .dropdown-menu {
        margin-top: 1px;
    }

    /* BANNER SECTION */
    .banner--item .vc--parent,
    .banner--item .vc--child {
        display: block;
    }

    .banner--form .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .banner--form .row > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    /* APPOINTMENT SECTION */
    .appointment--section > .container > .row--vc > div {
        display: block;
    }

    /* SERVICES SECTION */
    .service--img {
        margin-bottom: 60px;
    }

    .service--item + .service--item {
        margin-top: 0;
    }

    .service--item {
        margin-bottom: 48px;
        padding-left: 30px;
    }

    .service--items.text-right .service--item {
        padding-left: 0;
        padding-right: 30px;
    }

    .service--item .dot {
        display: block;
        top: 10px !important;
        left: 0 !important;
    }

    .service--items.text-right .service--item .dot {
        left: auto !important;
        right: 0 !important;
    }

    .service--item p + .btn {
        margin-top: -40px;
    }

    /* SERVICE SINGLE SECTION */
    .service-single--sidebar.float--right {
        float: none;
    }

    /* TESTIMONIAL SECTION */
    .testimonial--slider-wrapper {
        padding-bottom: 100px;
    }

    .testimonial--slider-wrapper:before {
        display: block;
    }

    .testimonial--video {
        position: relative;
        margin-top: 100px;
    }

    .testimonial--video:before {
        display: none;
    }

    /* SHOP SECTION */
    .product--single-summery .title .h4 {
        width: 45%;
    }

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

    .comment--items ul ul {
        padding-top: 30px;
        padding-left: 0;
        border-top: 1px solid #eee;
    }

    .comment--items ul ul li {
        border-bottom-width: 1px;
    }

    .comment--items ul ul li:last-child {
        border-bottom-width: 0;
    }

    /* FOOTER SECTION */
    .footer--section .container.bg--overlay:before {
        display: none;
    }

    .footer--section .bg--color-theme.bg--overlay:before {
        display: none;
    }

    .footer--about {
        margin-bottom: 0;
        padding: 15px;
    }

    .footer--widget .widget--title {
        margin-top: 0 !important;
    }

    .footer--widgets {
        margin-left: 0;
        margin-right: 0;
    }

    .footer--widgets > div {
        padding-left: 0;
        padding-right: 0;
    }

    .footer--section .row > div {
        position: static;
    }

    .footer--copyright {
        padding-left: 0;
        padding-right: 0;
    }

    /* 404 SECTION */
    .f0f--section .footer .subscribe--widget {
        max-width: 367px;
    }
    .mobile-logo {
        display: block;
    }
    .mobile-logo img {
        height: 50px;
        width: auto;
    }
    .collapse {
        display: block;
    }
    .header--nav-links{
        margin:0;
    }

}









/* 1.3. SMALL DEVICES, TABLETS */
@media screen and (max-width: 767px) {
    /* HEADER SECTION */
    .header--navbar-top-info .nav > li {
        float: none;
        overflow: hidden;
    }
    /* SERVICES SECTION */
    .service--items.text-right {
        text-align: left;
    }

    .service--items.text-right .service--item {
        padding-left: 30px;
        padding-right: 0;
    }

    .service--items.text-right .service--item .dot {
        left: 0 !important;
        right: 0 !important;
    }

    .product--single-summery .title .h4,
    .product--single-summery .title .btn-group {
        float: none;
        width: 100% !important;
    }

    .product--single-summery .title .btn-group {
        margin-bottom: 15px;
    }

    /* SHOP SECTION */
    .product--single-summery .title .h4 {
        width: 55%;
    }

    /* CART SECTION */
    .cart--coupon,
    .cart--total {
        margin-top: 53px;
    }

    .cart--items .table {
        display: block;
    }

    .cart--items .table thead {
        display: none;
    }

    .cart--items .table tbody {
        display: block;
    }

    .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: 160px;
        text-align: right;
        overflow: hidden;
    }

    .cart--items .table tbody tr td:after {
        content: attr( data-label );
        display: block;
        position: absolute;
        top: 50%;
        left: 15px;
        margin-top: -14px;
        color: #222;
        font-family: "Montserrat", sans-serif;
        font-size: 16px;
        line-height: 26px;
    }

    .cart--items .table tbody tr td .quantity {
        float: right;
    }

    .cart--items .table tbody tr td .remove {
        display: inline-block;
    }

    /* BLOG SECTION */
    .post--item.post--single .post--footer > ul {
        float: none;
    }

    /* CONTACT SECTION */
    .contact--content ul {
        margin-top: 25px;
    }

    .contact--content ul li {
        padding-left: 30px;
    }

    .contact--content ul li:before {
        left: 15px;
    }

    /* 404 SECTION */
    .f0f--section .footer > a,
    .f0f--section .footer > span {
        display: inline-block;
        float: none;
    }

    .f0f--section .footer > span {
        display: block;
        margin-top: 10px;
    }

    .f0f--section .footer .subscribe--widget {
        float: none;
        margin: 10px auto 0;
    }
}




@media(max-width:575px){
    .banner--section{
        height:auto;
    }
    .header--topbar .container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .header--topbar .nav li:nth-child(1){
        display: none;
    }
    .header--topbar .nav li:nth-child(2){
        padding-left:0;
        margin-left:0;
    }
    .header--topbar .nav li:nth-child(2)::before{
        display: none;
    }
    .header--topbar .nav > li > a {
        padding: 7px 0;
    }
    .header--topbar .links > li + li:before{
        top: 6px;
    }
    .pd--100-0 {
        padding: 40px 0;
    }
    .section--title .h2{
        font-size: 30px;
    }
    .section--title{
        margin-bottom:30px;
    }
    .service--item{
        margin-bottom:30px;
    }
    .pd--100-0-40{
        padding: 40px 0 0;
    }
    .testimonial--info .img{
        border:none;
    }
    .testimonial--info .content {
        padding-left: 15px;
    }
    .pricing--section {
        padding-bottom: 40px;
    }
    .testimonial--slider-wrapper {
        padding-bottom: 50px;
    }
    .pd--100-0-70 {
        padding: 40px 0 ;
    }
    .post--info{
        padding: 24px 15px 0;
    }
    .post--content{
        padding: 0 15px;
    }
    .cta--content{
        padding-left:15px;
    }
    .footer--about{
        margin-top:40px;
        margin-bottom:0px;
    }
    .footer--widget{
        margin-bottom:40px;
        margin-top:40px;
    }
    .footer--copyright{
        padding-top:0;
    }
    .page--title .h1{
        font-size: 30px;
        line-height: 1.2;
    }
    .pd--130-0 {
        padding: 80px 0;
    }
    .pb--60 {
        padding-bottom: 40px;
    }
    .about--gallery {
        padding-bottom: 10px;
    }
    .team-listing-page .expert--members{
        margin-left:-5px;
        margin-right:-5px;
    }
    .team-listing-page .expert--members:not(.owl-carousel) .expert--member{
        padding-left:5px;
        padding-right:5px;
        margin-bottom:10px;
    }
    .team-listing-page .expert--member-img {
        height: 250px;
    }
    .contact--map{
        margin-top:0;
    }
}





/* 1.4. SMALL DEVICES, SMARTPHONES */
@media screen and (max-width: 480px) {
    /* HEADER SECTION */
    .header--topbar .social {
        float: left;
    }

    .header--topbar .cart > li {
        margin-left: 0;
        padding-left: 0;
    }

    .header--topbar .cart > li:before {
        display: none;
    }

    /* SHOP SECTION */
    .review--item .content .header .float--left,
    .review--item .content .header .float--right {
        float: none;
    }

    /* BLOG SECTION */
    .blog--content .post--extra > ul {
        float: none;
        text-align: left;
    }

    .post--extra .social--widget + .pager {
        margin-top: 15px;
    }

    /* FOOTER SECTION */
    .footer--copyright .float--left,
    .footer--copyright .float--right {
        float: none;
    }

    .footer--copyright p {
        margin-bottom: 10px;
    }

    .footer--copyright p:last-child {
        margin-bottom: 0;
    }

    /* COL XXS */
    .col-xxs-12 {
        float: none;
        width: 100%;
    }

    /* SHOW XXS */
    .show-xxs {
        display: block !important;
    }

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

/* 1.5. CUSTOM, IPHONE RETINA */
@media screen and (max-width: 380px) {
    /* CART SECTION */
    .cart--coupon .input-group {
        display: block;
    }

    .cart--coupon .input-group .form-control {
        display: block;
        width: 100%;
        margin-bottom: 15px;
        border-radius: 20px;
    }

    .cart--coupon .input-group .input-group-btn {
        display: inline-block;
    }

    .cart--coupon .input-group .input-group-btn .btn {
        border-radius: 20px;
    }
}

@media screen and (max-width: 320px) {

}