/* ************* 1600 px ************ */

@media (max-width:1600px) {}


/* ************* 1200 px ************ */

@media (max-width:1200px) {}


/* ************* 1024 px ************ */

@media (max-width:1024px) {
    .company-widget .inner {
        min-height: 110px;
    }
    .company-widget .inner span {
        margin-top: 5px;
        display: block;
        margin-left: 0;
    }
    .company-widget .inner h4 {
        font-size: 14px;
    }
    /*
    .user-sidebar{
        left: -250px;
    }
    
    .user-inner{
        margin-left: 0;
        width: 100%;
    }
*/
    .cart-table {
        max-width: 100%;
    }
    .cart-extra {
        max-width: 100%;
        padding: 0;
    }
    .cart-big .cart-table-btns {
        margin: 20px 0;
    }
    .table .has-btns a {
        margin: 0 0 5px 0;
        display: block;
    }
}

@media (min-width:991px) and (max-width:1024px) {
    .products-box .block {
        width: 33.33333%;
        max-width: 100%;
    }
    .product-inner .products-box .block {
        width: 100%;
    }
}


/* ************* 991 px ************ */

@media (max-width:991px) {
    .footer-bottom .sitemap,
    .footer-bottom .rights {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-bottom: 15px;
        text-align: center;
        padding: 0;
    }
    .footer-bottom .sitemap {
        margin-bottom: 0;
    }
    .footer-bottom {
        padding: 20px 0;
        position: relative;
    }
    .company-widget {
        width: 100% !important;
        float: left;
        display: block;
        max-width: 100%;
        margin-bottom: 15px;
    }
    .company-widget .inner span {
        margin-top: 0;
        display: inline-block;
        margin-left: 10px;
    }
    .billing-box .form-group {
        padding: 0;
        margin-bottom: 25px;
        width: 100%;
        max-width: 100%;
    }
    .billing-box .form-group .form-control {
        width: 100%;
    }
    .product-img,
    .product-right {
        max-width: 100%;
        width: 100%;
    }
    .product-right {
        padding-left: 0;
    }
}


/* ************* 768 px ************ */

@media (max-width:768px) {
    /*
        .products-box .block .inner .card-caption {
    display: none;
    }
    
    .products-box .block .inner .block-cart a,.products-box .block .inner:hover .block-cart a{
            -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s;
    transition: all .3s;
    }
*/
    .gallery-filters li {
        padding: 5px 11px;
    }
    .table .has-btns a {
        margin: 0 5px 0 0;
        padding: 5px;
    }
    .has-btns a i {
        display: none;
    }
    .request-box .request-list ul li .req-img {
        margin: 0;
        float: none;
    }
    .request-box .request-list ul li .req-data,
    .request-box .request-list .req-form {
        display: none;
    }
    .request-box .request-list {
        width: 80px;
        transition: all .3s;
    }
    .request-box .request-body {
        width: calc(100% - 80px);
        transition: all .3s;
    }
    .order-view {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .order-view .block .block-img {
        max-height: 400px;
        overflow: hidden;
    }
    .order-msgs {
        max-width: 100%;
        width: 100%;
        padding: 0;
    }
    .cart-table .table {
        margin-bottom: 0;
        width: 300%;
        max-width: 300%;
    }
    .wrap-map .header-content .head-right-content {
        float: right;
        background-color: #fff;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        position: relative;
        top: 10px;
    }
    .wrap-map .header-content .logo {
        float: left;
        background-color: #fff;
        padding: 0;
        border-radius: 100%;
        box-shadow: none;
    }
    .wrap-map .header-content {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 222;
        background-color: #fff;
        padding: 15px 0;
    }
    .contactus-data,
    .contact-form {
        padding: 0;
    }
    .faqs-wizard .panel-group .panel .panel-title a {
        padding: 10px;
    }
    .faqs-wizard .panel-group .panel .panel-title a i {
        display: none;
    }

    .j-sidebar {
        padding: 0;
    }

    .marketing-btn {
        margin: 0 -90px;
    }

    .leaflet-control-zoom {
        display: none;
    }



    .mysearch {
        width: calc(100% - 20px);
        min-width: calc(100% - 20px);
    }

    .mysearch .form-group .form-control {
        border-color: #fff;
    }

    .map-sidebar {
        width: calc(100% - 20px);
        min-width: calc(100% - 20px);
    }

    .leaflet-left {
        left: 0;
        bottom: 30px;
        top: auto !important;
    }

    .leaflet-top.leaflet-right {
        left: auto;
        right: 0;
        top: auto;
        bottom: 80px;
    }

    .leaflet-top.leaflet-right {
        bottom: auto;
        top: 47.1%!important;
        transform: none;
    }

    .leaflet-top.leaflet-left {
        bottom: auto;
        top: 40%!important;
        transform: none;
    }

    .leaflet-control-locate.leaflet-bar.leaflet-control {
        border-radius: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        overflow: hidden;
    }

    .r-mini {
        display: none;
    }

    .leaflet-control-locate.leaflet-bar.leaflet-control{
        margin-top: 10px !important;
        transition:all .3s;
    }

    .leaflet-control-locate.leaflet-bar.leaflet-control.shifted{
        margin-top: 60px !important;
        transition:all .3s;
    }



}

@media(max-width:640px) {
    body.smoked {
        margin-left: -430px;
        transition: all .3s;
    }

    .vid-wrap img {
        width: auto;
        height: 100%;
    }
    .company-info {
        display: block;
        width: 100%;
    }
}


/* ************* 540 px ************ */

@media (max-width:540px) {
    .header-content .head-right-content .head-right-extra ul li a.has-dropdown-search {
        display: inline-block;
    }
    .header-content .head-right-content .search {
        display: none;
    }

    .header-content .logo img {
        width: 130px;
        max-width: 130px;
    }
}


/* ************* 425 px ************ */

@media (max-width:425px) {
    /*.map {
        min-height: 800px;
        max-height: 800px;
        height: 800px;
        min-height: 450px;
    max-height: 450px;
    height: 450px;
    }*/
    .footer-bottom .sitemap ul li {
        top: 0;
        margin-bottom: 10px;
    }
    .vide-overlay .overlay-inner ul li a {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 13px;
    }
    .vide-overlay .overlay-inner ul li a:after {
        top: -220px;
        height: 220px;
    }
    .vide-overlay .overlay-inner ul li a:hover:after {
        background-color: #fff;
        height: 240px;
        top: -240px;
        transition: all .3s;
    }
    .vide-overlay .overlay-inner {
        width: 100%;
    }
    /*
    .map-overlay a {
        font-size: 13px;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
*/
    .head-tron .page-crumb {
        float: left;
        width: 100%;
    }
    .company-form .nav-tabs li a {
        padding: 10px 0;
        font-size: 11px;
    }
    /*
    .company-widget .inner span {
    margin-top: 5px;
    display: block;
    margin-left: 0;
}
*/
    .company-widget .inner span {
        margin-left: 5px;
    }
    .user-inner {
        padding: 50px 20px;
    }
    .co-widgets,
    .company-widget,
    .setting-form,
    .setting-form .form-group {
        padding: 0;
    }
    .co-widgets {
        margin-bottom: 20px;
    }
    .setting-form .form-group .form-map {
        height: 250px;
    }
    .setting-form .form-group .form-map img {
        height: 100%;
    }
    .table {
        margin-bottom: 0;
        width: 200%;
        max-width: 200%;
    }
    .logged-user .user-area .usr-name {
        display: none;
    }
    .logged-user .user-area .usr-img {
        margin-right: 0;
    }
    .logged-user .user-area {
        min-width: 0;
        position: relative;
    }
    .logged-user .header-content .head-right-content .dropdown-content.user-dropdown {
        left: auto !important;
        right: 0 !important;
    }
    .co-form {
        padding: 0;
    }
    .billing-box .paypal-choice a span {
        display: none;
    }
    .billing-box .paypal-choice a i {
        margin-right: 0;
    }
    .visa-checked-outer,
    .billing-box .form-group {
        padding: 0;
    }
    .billing-box .form-group {
        margin-bottom: 20px;
    }
    .billing-box .visa-checked {
        padding: 90px 20px 0;
    }
    .billing-box .paypal-choice {
        right: 0;
    }
    .billing-box .form-group .pay-now {
        padding: 10px 30px;
        width: 100%;
    }
    .billing-box ul {
        padding-left: 20px;
    }
    .billing-box ul li {
        padding: 0;
        margin-bottom: 20px;
    }
    .billing-box ul li:last-child {
        margin-bottom: 0;
    }
    .big-wrap {
        min-height: 0;
    }
    .company-card .company-img {
        width: 100%;
    }
    .company-card .company-info {
        float: right;
        width: 100%;
        padding-top: 30px;
    }
    .products-box .block {
        padding: 0;
    }
    .finner-body {
        padding: 5px 0 18px;
    }
    .set-header {
        padding: 0;
    }
    .gallery-filters .more .dropdown-content {
        width: 100% !important;
        left: 0 !important;
    }
    .modal-filter > div {
        margin-bottom: 30px;
        padding: 0;
    }
    body.smoked {
        margin-left: -250px;
        width: 100%;
    }
    .table .has-btns a {
        padding: 5px;
    }
    .request-box .request-body .req-head .action-box {
        text-align: left;
        width: 100%;
    }
    .request-box .request-body .req-head .action-box .r-btn {
        margin: 0 10px 0 0;
    }
    .request-box .request-body .req-inner-body {
        min-height: 465px;
    }
    .set-header h3 {
        float: left;
        width: 100%;
    }
    .add-new-sector {
        position: relative;
        right: 0;
        top: 0;
        padding: 5px 10px;
        height: 40px;
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .product-slider .item {
        max-height: 300px;
        height: 300px;
    }
    .product-info .nav-header .nav-tabs li a {
        font-size: 11px;
        letter-spacing: .5px;
        padding: 15px 7px;
    }
    .related-slider .owl-controls .owl-buttons div .testi-right {
        right: -20px;
    }
    .related-slider .owl-controls .owl-buttons div .testi-left {
        left: -20px;
    }
    .product-right .title h3 {
        font-size: 21px;
    }
    .product-right .price .after-discount {
        font-size: 30px;
    }
    .product-right .price .old-price {
        font-size: 15px;
    }
    .order-view .block .block-img {
        max-height: 280px;
        overflow: hidden;
    }
    .pro-name b {
        max-width: 60%;
    }
    .payment-radios .pay-item .pay-inner {
        padding: 20px 0 0;
    }
    .map-overlay li {
        display: inline-block;
        width: 50%;
        float: left;
        padding: 0 10px;
    }
    .map-overlay {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 999;
        width: 100%;
        padding: 15px;
        background-color: rgba(0, 0, 0, 0.13);
    }
    .map-overlay a {
        font-size: 13px;
        padding: 8px 0;
        margin: 0;
        width: 100%;
    }
    .user-profile .user-nav .nav-tabs li a i {
        display: block;
        margin-bottom: 3px;
    }
    .table .has-btns a {
        padding: 5px;
        width: 100%;
        margin: 0 0 7px 0;
    }

    .marketing-btn {
        display: inline-block;
        position: relative;
        left: 0;
        transform: none;
        padding-left: 10px;
        margin: 0;
    }

    .top-bar .bar-left {
        display: none;
    }
    .top-bar .container {
        padding: 0;
    }

    .company-card .company-info .follow-area a {
        display: block;
        text-align: center;
    }

    .j-top .j-image {
        width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center;
    }

    .j-top .j-top-data {
        overflow: hidden;
        width: 100%;
    }

    .marketing-btn .dropdown-content {
        left: 10px !important;
        width: 404px !important;
    }



    .vid-wrap {
        height: 400px;
    }
    .mCustomScrollbar {
        max-height: calc(100vh - 250px) !important;
    }

    .leaflet-top.leaflet-right {

        bottom: 100px;
    }

    .leaflet-left {
        bottom: 50px;
    }

    .leaflet-top.leaflet-right {
        bottom: auto;
        top: 44.9%!important;
        transform: none;
    }

    .leaflet-top.leaflet-left {
        bottom: auto;
        top: 37.7%!important;
        transform: none;
    }

    .upper-sidebar {
        width: 250px;
    }

    .fullr-slider .owl-buttons {
        display: none;
    }

    .fullr-controls a {
        padding: 5px 25px;
        font-size: 12px;
    }
}


/* ************* 375 px ************ */

@media (max-width:375px) {
    .company-card .company-img img {
        width: 200px;
        height: 200px;
    }
    .company-card .company-info .name h3 {
        font-size: 16px;
    }
    .company-card .company-info .phone p {
        margin: 0 0 10px 0;
    }
    .company-card .company-info .social ul li a {
        margin: 0 5px 5px 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .products-box .block .inner .block-img {
        max-height: 220px;
    }
    .logged-user .top-bar .bar-right ul li a.open-sidebar {
        padding: 12px 15px;
    }
    .request-box .request-body .req-head .action-box .r-btn {
        margin: 0 0 10px 0;
        width: 100%;
    }
    .request-box .request-body .req-head .action-box .r-btn + .r-btn {
        margin: 0;
    }
    .table .has-btns a {
        padding: 5px;
        width: 100%;
        margin-bottom: 5px;
    }
    .table .has-btns a + a {
        margin: 0;
    }
    .request-box .request-body .req-inner-body {
        min-height: 444px;
    }
    .product-right .extra .cart_btns {
        float: left;
        display: inline-block;
        margin-top: 15px;
    }
    .product-info .tab-content .tab-pane .reviewers ul li .rev-data .title ul {
        width: 100%;
        float: left;
    }
    .product-info .tab-content .tab-pane .reviewers ul li .rev-data .title ul li {
        margin: 0 2px 0 0;
    }
    .product-info .tab-content .tab-pane .reviewers ul li .rev-data {
        overflow: hidden;
        width: 100%;
    }
    .product-info .tab-content .tab-pane .reviewers ul li .rev-img {
        margin-bottom: 10px;
    }
    .order-msgs .msg-form .files-box .file-el .file-data p {
        max-width: 90px;
    }
    .user-inner.inbox-order {
        padding: 0;
    }
    .user-inner.inbox-order .card {
        padding: 20px 15px;
        margin-bottom: 0;
    }
    .header-content .head-right-content .head-right-extra ul li #dropdown3 {
        right: -60px;
    }
    .user-profile .profile-user-social ul li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .contactus-data .inner {
        margin: 0;
        min-height: 0;
    }

    .marketing-btn .dropdown-content {
        width: 354px !important;
    }



    .top-bar .bar-right ul li a {
        padding: 12px 7px;
    }

    .leaflet-container .leaflet-control-attribution,
    .leaflet-container .leaflet-control-scale {
        font-size: 8px;
    }


}


/* ************* 320 px ************ */

@media (max-width:320px) {
    .top-bar .bar-left {
        float: left;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid rgba(166, 167, 169, 0.15);
    }

    /*
    .top-bar .bar-right {
        float: right;
        width: 100%;
        text-align: center;
    }
*/
    .top-bar .bar-right ul li a {
        padding: 12px 7px;
    }


    .top-bar .bar-left ul li,
    .top-bar .bar-right ul li {
        display: inline-block;
        float: none;
    }
    .top-bar .bar-right ul li:first-child a,
    .top-bar .bar-left ul li:first-child a {
        border-left: 1px solid rgba(166, 167, 169, 0.15);
    }
    .top-bar .bar-right ul li:first-child a {
        border-left: 0;
    }
    .top-bar .bar-left ul li:first-child a {
        padding: 12px 16px;
    }
    .table .has-btns a {
        margin: 0 0 5px 0;
    }
    .logged-user .top-bar .bar-left {
        float: left;
        width: auto;
        border-bottom: 0;
    }
    .logged-user .top-bar .bar-right {
        float: right;
        width: auto;
    }
    .logged-user .top-bar .bar-right ul li a {
        border-right: 1px solid rgba(166, 167, 169, 0.15);
    }
    .logged-user .top-bar .bar-right ul li {
        position: relative;
    }
    .logged-user .top-bar .bar-right ul li .dropdown-content {
        width: 100% !important;
    }
    .header-content .logo img {
        width: 110px;
        max-width: 110px;
    }
    .header-content .head-right-content .head-right-extra ul li #dropdown2 {
        right: -50px;
    }
    .co-form .form-group .s-btn {
        width: 40px;
    }
    .co-form .form-group .form-control {
        width: calc(100% - 60px);
    }
    .header-content .logo {
        padding-top: 7px;
    }
    .billing-box .visa-checked {
        padding: 90px 10px 0;
    }
    .gallery-filters li {
        font-size: 10px;
        margin: 0 0 5px;
    }
    .product-right .review .stars-data {
        display: inline-block;
        margin-left: 20px;
        float: right;
        width: 100%;
        margin: 15px 0;
    }
    .product-info .nav-header .nav-tabs li a {
        font-size: 9px;
    }
    .cart-table .table {
        margin-bottom: 0;
        width: 350%;
        max-width: 350%;
    }
    .products-card {
        padding: 20px 10px;
    }
    .user-profile .user-nav .nav-tabs li a {
        font-size: 11px;
        margin: 0 2px;
    }

    .j-top .j-top-data p {
        font-size: 12px;
    }

    .marketing-btn a.map-search {
        padding: 0 10px;
        font-size: 11px;
    }

    .marketing-btn .dropdown-content {
        width: 100% !important;
    }

    .marketing-btn {
        margin-left: 4px;
        padding-left: 0;
        margin-right: 0;
    }

    .top-bar .container {
        width: 100%;
    }
    .top-bar .bar-right ul li a {
        padding: 12px 6px;
    }
    .vid-wrap {
        height: 300px;
    }

    #app-layout .header-content .head-right-content .head-right-extra ul li .dropdown-content {
        right: -70px;
    }
}

@media (min-width:0px)and (max-width:540px){
    .card.company-card.company-card-2 {
        max-width: 100%;
        transform: translateX(-100%);
    }
    
    
    .card.company-card.company-card-3 {
        max-width: 95%;
        left: 94%;
        margin:  auto;
    }
}

/*Smart phone and tablets*/
@media (min-width:541px) and (max-width:767px)
{

}

/*Small Screen*/
@media (min-width:768px) and (max-width:991px){

}

@media (min-width:992px) and (max-width:1199px)
{

}

/*Large Screen*/
@media (min-width:1200px)
{

}