/*
Template: Geniot - Smart Car Product Landing Page
Author: iqonicthemes.in
Version: 1.0
Design and Developed by: iqonicthemes.in
*/
/*****************
================================================
(  Media Queries  )
================================================
*******************/
/* Displays/Screens (e.g. 24" WS @ 1920x1080) -------------- */
@media only screen and (min-width:1890px) and (max-width:2529px) {}

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

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

@media(max-width:1365px) {


    .banner .banner-text .title {
        font-size: 56px;
    }

    .banner .img-bg {
        height: 300px;
        width: 300px;
        right: -150px;
    }

    .banner .banner-text img {
        height: 290px;
    }

    .banner .banner-text {
        padding: 210px 0 210px 150px;
    }

    #side-menu {
        width: 35%;
    }
}

@media(max-width:1199px) {
    .banner .banner-text .title {
        font-size: 45px;
    }

    .banner .banner-text img {
        height: 280px;
    }

    .banner .banner-text {
        padding: 180px 0 180px 150px;
    }

    .smart-features .smart-box h5 {
        font-size: 16px;
        font-weight: 600;
    }

    .smart-features .smart-box .right p {
        font-size: 13px;
    }
}

@media (max-width:1024px) {
    .features .tooltip.four {
        left: 30%;
        bottom: 68%;
    }
}

@media(max-width:992px) {
    .banner .banner-text img {
        height: 225px;
        top: 55%;
    }

    .banner .img-bg {
        height: 270px;
        width: 270px;
        right: -135px;
        top: 55%;
    }

    .banner .banner-text span {
        font-size: 16px;
    }

    .banner .banner-text .title {
        font-size: 42px;
    }

    .features .features-box {
        margin-top: 30px;
    }

    .features .tooltip.five {
        left: 10%;
        bottom: 50%;
    }

    .features .tooltip.four {
        left: 25%;
        bottom: 60%;
    }

    .features .tooltip.six {
        left: 5%;
        bottom: 15%;
    }

    .features .tooltip.two {
        right: 28%;
        bottom: 10%;
    }

    .smart-features ul li {
        width: 50%;
    }

    .smart-features ul li:nth-child(4),
    .smart-features ul li:nth-child(5),
    .smart-features ul li:nth-child(6) {
        border-bottom: inset;
    }

    .smart-features ul li:nth-child(2) {
        border-right: inherit;
    }

    .smart-features ul li:nth-child(3) {
        border-right: 1px solid #e2e2e2;
    }

    .smart-features ul li:nth-child(4) {
        border-right: inherit;
        border-bottom: 1px solid #e2e2e2;
    }

    .smart-features ul li:nth-child(5),
    .smart-features ul li:nth-child(6) {
        border-bottom: inherit;
    }

    .smart-features ul li:nth-child(6) {
        border-top: inherit;
    }

    .partners-content p {
        padding: 0;
    }

    .footer .features.map-tooltip .tooltip.one {
        right: 34%;
        bottom: 30%;
    }

    .footer .features.map-tooltip .tooltip.two {
        right: 62%;
        top: 33%;
    }
}

@media(max-width:979px) {
    .banner .banner-text {
        padding: 160px 0 160px 110px;
    }

    .banner .banner-text img {
        height: 185px;
        top: 60%;
    }

    .banner .img-bg {
        height: 245px;
        width: 245px;
        right: -290px;
        top: 60%;
    }

    .user {
        font-size: 15px;
    }
}

@media(max-width:767px) {

    .cat-title1 .link-arrow{
        right: 28px !important; top: 6px !important;
    }
   .cat-product-light .cat-title1 h2.title30{
    margin-left: 2px;
   }
     .menu-sticky #menu{
        top:0px !important;
    }

    #menu{
        top: -8px;
    }

    .item-cat-pro1{
        padding: 27px 31px !important;
    }
    .wobble-horizontal{
        height: 177px !important;
    }

   #side-menu-icon{
    margin-top: -30px !important;
   }

    .menu-page{
        display: none !important;
    }

    .item-cat-pro1::before{
        height: 254px !important;
    }

    .intro-happend .link-arrow{
        position: unset !important;
        margin-top: 10px;
        float: right;
    }

     header.menu-sticky #menu {
         display: block !important; margin-top: -7px;
    }
    }


    
   

    .banner .banner-text img {
        right: -114px;
    }

    .banner .img-bg {
      /*  background: none;*/
    }

    .user {
        font-size: 14px;
        color: #222 !important;
    }

    .features .tooltip-item {
        width: 10px;
        height: 10px;
    }

    .features .tooltip.one {
        right: 20%;
        bottom: 37%;
    }

    .features .tooltip.two {
        right: 25%;
        bottom: 7%;
    }

    .features .tooltip.three {
        right: 53%;
        bottom: 53%;
    }

    .features .tooltip.five {
        left: 13%;
        bottom: 50%;
    }

    .features .tooltip.six {
        left: 13%;
        bottom: 8%;
    }

    .features .tooltip.four {
        left: 25%;
        bottom: 31%;
    }

    #services .col-lg-7,
    #parking .col-lg-7,
    #fuel .col-lg-7 {
        height: 450px;
    }

    .services .services-box:before,
    .services .services-box.left:after {
        position: absolute;
        top: -23px;
        left: 50%;
        content: "";
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-bottom: 20px solid #ffffff;
        border-right: 20px solid transparent;
        margin-top: 3px;
        margin-left: -10px;
        border-top: inherit;
    }

    .smart-features ul {
        margin-top: 15px;
    }

    .smart-features ul li {
        width: 100%;
    }

    .smart-features ul li:nth-child(3),
    .smart-features ul li:nth-child(1),
    .smart-features ul li:nth-child(5) {
        border-right: none;
    }

    .smart-features ul li:nth-child(5) {
        border-bottom: 1px solid #e2e2e2;
    }

    .partners .partners-box .car-img {
        width: 600px;
        margin-left: -300px;
    }

    .partners-content p {
        font-size: 16px;
        line-height: 30px;
    }

    .re-767 {
        margin-top: 30px;
    }

    .partners .partners-box .bg-2 {
        padding: 60px 0px 300px 30px;
    }

    .partners .partners-box .bg-1 {
        padding: 60px 30px 300px 0px;
    }

    /*
    #side-menu {
        width: 50%;
    }
    */

    #side-menu ul.side-link li {
        margin-bottom: 10px;
    }

    #side-menu .media-box li a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    #side-menu .media-box li a i {
        font-size: 12px;
    }

    #side-menu .media-box li {
        margin: 0px 2px;
    }
}

@media(max-width:575px) {
    header .col-sm-6 {
        width: 20%;
    }

    header .col-sm-6.re-mob {
        width: 80%;
    }

    .user {
        margin-right: 50px;
    }

    .banner .banner-text .title {
        font-size: 34px;
    }

    .partners .partners-box .car-img {
        width: 400px;
        margin-left: -190px;
    }

    .banner .banner-text span {
        font-size: 12px;
    }

    .banner .banner-text img {
        height: 170px;
        top: 95%;
    }

    .partners .partners-box .bg-1 {
        padding: 60px 60px 150px 60px;
    }

    .re-575 {
        margin-top: 30px;
    }

    .banner .banner-text {
        padding: 110px 0 160px 110px;
    }

    .banner .banner-text img {
        right: 50px;
    }

    #side-menu {
        width: 80%;
    }
}

@media(max-width:479px) {
    header .col-sm-6 {
        width: 30%;
    }

    header .col-sm-6.re-mob {
        width: 70%;
    }

    .user {
        font-size: 12px;
        margin-right: 30px;
    }

    .banner .banner-text img {
        height: 150px;
        top: 88%;
        right: 70px !important;
    }

    .features .tooltip.five {
        left: 13%;
        top: 55%;
        bottom: 0;
    }

    .features .tooltip.one {
        right: 29%;
        bottom: 33%;
    }

    .features .tooltip.four {
        left: 25%;
        bottom: 20%;
    }

    .features .tooltip.three {
        right: 55%;
        bottom: 37%;
    }

    .title-box .title {
        font-size: 24px;
        line-height: 34px;
    }

    .coming-soon .input-form-mail {
        width: 100%;
        text-align: center;
    }

    .coming-soon .input-group-btn {
        float: inherit;
        top: 0;
    }

    .coming-soon .form-email .btn-color {
        width: 100%;
    }
}

@media (max-width: 990px) {
    .cate-product1 .cat-thumb1 {
        display: none;
    }

    .content-cate-box1 {
        padding: 0 30px;
    }

    .cate-product1 {
        padding: 0 !important;
    }

    .list-cat-pro1 .col-md-4:nth-child(4) {
        margin: 0;
    }

    .grid-3-item {
        width: 50%;
    }

    .ajax-product-filter .grid-3-item:nth-child(3n+1) {
        clear: none;
    }

    .footer-social{
        display: none;
    }

    .footer{
        padding-top: 30px;
    }
}

@media (max-width: 640px) {

    .grid-3-item,
    .grid-2-item,
    .grid-4-item,
    .grid-5-item {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .cat-title1 .title-tab1 {
        display: block;
        margin-top: 10px;
    }
}

@media (max-width: 375px) {
    .title-tab1>li {
        display: block;
        margin: 0;
    }

    .title-tab1 li a {
        display: block;
    }
}