.home {
            background-color: white;
            color: #000 !important;
        }

    .link{
        color:#ffffff;
        text-decoration:none;
    }
    .link:hover{
        color:#ffffff;
    }
    .link:visited{
        color:#ffffff;
    }

      @media screen and (min-width: 0px) and (max-width: 321px) {
                .slide-desc {
                    left: 0;
                    padding: 20px;
                    position: absolute;
                    bottom: 28%;
                    width: 100%;
                    display: inline-block;
                    text-align: center;
                }

                .slide-desc > h3 {
                        color: #ffffff;
                        font-size: 15px;
                        margin-bottom: 20px;
                        padding: 10px;
                        width: 54%;
                        line-height: 40px;
                        margin: 0 auto;
                        font-weight: 600;
                        letter-spacing: 2px;
                        text-transform: uppercase;
                    }

                .slide-desc1 {
                    left: 0;
                    padding-bottom: 20px;
                    padding-left:20px;
                    padding-right:20px;
                    padding-top:50px;
                    position: absolute;
                    top: 2%;
                    bottom: 28%;
                    width: 100%;
                    display: inline-block;
                    text-align: center;
                }

               img {
                     width: 100% ;
                     max-width: 100% ;
                     height: 100% ;
                     overflow-x:hidden;
                }
                
            }
        
  @media screen and (min-width: 321px) and (max-width: 361px) {
       .slide-desc {
            left: 0;
            padding: 20px;
            position: absolute;         
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }
        .slide-desc > h3 {
            color: #ffffff;
            font-size: 15px;
            margin-bottom: 20px;
            padding: 10px;
            width: 54%;
            line-height:40px;
            margin: 0 auto;
            font-weight:600;
            letter-spacing: 2px;
            text-transform:uppercase;
        }
         .slide-desc1 {
            left: 0;
            padding-bottom: 20px;
            padding-left:20px;
            padding-right:20px;
            padding-top:50px;       
            position: absolute;   
            top:2%; 
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }
       
       img {
            width: 100% ;
            max-width: 100% ;
            height: 100% ;
            overflow-x:hidden;
        }     
        }

 @media screen and (min-width: 361px) and (max-width: 533px) {
          .slide-desc {
            left: 0;
            padding: 20px;
            position: absolute;         
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }
        .slide-desc > h3 {
            color: #ffffff;
            font-size: 15px;
            margin-bottom: 20px;
            padding: 10px;
            width: 54%;
            line-height:40px;
            margin: 0 auto;
            font-weight:600;
            letter-spacing: 2px;
            text-transform:uppercase;
        }
         .slide-desc1 {
            left: 0;
            padding: 20px;
            position: absolute;  
            top:39%;       
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }

        img {
            width: 100% ;
            max-width: 100% ;
            height: 100% ;
            overflow-x:hidden;
        }  
        }  
 
  @media screen and (min-width: 534px) and (max-width: 641px) {
       .slide-desc {
            left: 0;
            padding: 20px;
            position: absolute;         
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }
        .slide-desc > h3 {
            color: #ffffff;
            font-size: 50px;
            margin-bottom: 20px;
            padding: 10px;
            width: 54%;
            line-height:65px;
            margin: 0 auto;
            font-weight:600;
            letter-spacing: 2px;
            text-transform:uppercase;
        }
         .slide-desc1 {
            left: 0;
            padding: 20px;
            position: absolute;  
            top:2%;       
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }
            img {
            width: 100% ;
            max-width: 100% ;
            height: 685px ;
             overflow-x:hidden;
          }     
        }

   @media screen and (min-width: 641px) and (max-width: 733px) {
           .slide-desc {
            left: 0;
            padding: 20px;
            position: absolute;         
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }
        .slide-desc > h3 {
            color: #ffffff;
            font-size: 50px;
            margin-bottom: 20px;
            padding: 10px;
            width: 54%;
            line-height:65px;
            margin: 0 auto;
            font-weight:600;
            letter-spacing: 2px;
            text-transform:uppercase;
        }
          img {
            width: 100% ;
            max-width: 100% ;
            height: 685px ;
            overflow-x:hidden;
            }     
        }

    @media screen and (min-width: 768px) and (max-width: 1023px) {
         .slide-desc {
            left: 0;
            padding: 20px;
            position: absolute;         
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }
        .slide-desc > h3 {
            color: #ffffff;
            font-size: 50px;
            margin-bottom: 20px;
            padding: 10px;
            width: 54%;
            line-height:65px;
            margin: 0 auto;
            font-weight:600;
            letter-spacing: 2px;
            text-transform:uppercase;
        }
         .slide-desc1 {
            left: 0;
            padding: 20px;
            position: absolute;  
            top:2%;       
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }
           img {
            width: 100% ;
            max-width: 100% ;
            height: 685px ;
            overflow-x:hidden;
          }     
        }

 @media screen and (min-width: 1024px) and (max-width: 1366px) {
        .slide-desc {
            left: 0;
            padding: 20px;
            position: absolute;         
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }
        .slide-desc > h3 {
            color: #ffffff;
            font-size: 50px;
            margin-bottom: 20px;
            padding: 10px;
            width: 54%;
            line-height:65px;
            margin: 0 auto;
            font-weight:600;
            letter-spacing: 2px;
            text-transform:uppercase;
        }
          img {
            width: 100% ;
            max-width: 100% ;
            height: 685px ;
            overflow-x:hidden;
         }     
        }

 
 @media screen and (min-width: 1366px) and (max-width: 2401px) {
        .slide-desc {
            left: 0;
            padding: 20px;
            position: absolute;         
            bottom: 28%;
            width: 100%;
            display: inline-block;
            text-align:center;
        }
        .slide-desc > h3 {
            color: #ffffff;
            font-size: 50px;
            margin-bottom: 20px;
            padding: 10px;
            top:5%;
            width: 54%;
            line-height:65px;
            margin: 0 auto;
            font-weight:600;
            letter-spacing: 2px;
            text-transform:uppercase;
        }
          img {
             width: 100% ;
             max-width: 100% ;
             height: 685px ;
             overflow-x:hidden;
            }     
        }
.skdslider{
     width:100%;
     position: relative;
     display: block;
     overflow:hidden;
     height: 500px;
}

.skdslider:after {
    content: '';
    padding-top: 50%;
    display: block;
}

.skdslider ul.slides{ margin:0; padding:0; list-style-type:none;}
.skdslider ul.slides li
{
   display: none;
}
.skdslider ul.slides li img{
    width: 100%;
    border:0;
}

.skdslider ul.slide-navs {
    bottom: 20px;
    left: 50%;
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
}


.skdslider ul.slide-navs li {
    float: left;
    height:12px;
    width:12px;
    margin-right:4px;
    cursor:pointer;
}
.skdslider ul.slide-navs li.current-slide {
}

.skdslider .slide-desc {
    left: 0;
    padding: 20px;
    position: absolute;
    bottom: 28%;
    width: 100%;
    display: inline-block;
    text-align:center;
}
.skdslider .slide-desc > h3 {
    color: #ffffff;
    font-size: 50px;
    margin-bottom: 20px;
    padding: 10px;
    width: 54%;
    line-height:65px;
    margin: 0 auto;
    font-weight:600;
    letter-spacing: 2px;
    text-transform:uppercase;
}

.skdslider .slide-desc > p {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 28px;
    margin: 0px auto 20px;
    width: 65%;

    padding: 12px;
}
.skdslider .slide-desc > a.more {
    color:#990000;
    font-size:25px;
    text-decoration:none;
}
.skdslider .slide-desc > a.more:hover {
text-decoration:underline;
}

.skdslider a.prev{
    background: url("../images/") no-repeat scroll 0 0 transparent;
    width:35px;
    height:35px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:55%;
    left:2%;
    margin-top:-17px;
}

.skdslider a.next{
    background: url("../images/") no-repeat scroll 0 0 transparent;
    width:35px;
    height:35px;
    display:block;
    cursor:pointer;
    position:absolute;
    top:55%;
    right:2%;
    margin-top:-17px;
}
.skdslider a.prev:hover{

}
.skdslider a.next:hover{

}

.skdslider a.play{
    background: url("../images/") no-repeat scroll center center transparent;
    width:35px;
    height:35px;
    display:none;
    cursor:pointer;
    position:absolute;
    bottom : 6%;
    right: 2%;
    margin-top:-17px;
}

.skdslider a.pause{
    background: url(../images/) no-repeat scroll center center transparent;
    width: 35px;
    height: 35px;
    display: none;
    cursor: pointer;
    position: absolute;
    bottom : 6%;
    right: 2%;
    margin-top: -17px;
}

/*-- responsive media queries --*/
/*Some Responsive CSS */
 @media (max-width: 1440px){
    .skdslider .slide-desc > p {
        width: 70%;
    }
    .skdslider .slide-desc > h3 {
        font-size: 38px;
    }
    .skdslider .slide-desc {
        bottom: 42%;
    }
    .skdslider {
        height: 556px;
    }
}
 @media (max-width: 1366px){
    .skdslider {
        height: 527px;
    }
    .skdslider .slide-desc > h3 {
        font-size: 36px;
    }
    .skdslider .slide-desc > p {
        width: 75%;
    }
    .skdslider .slide-desc {
        bottom: 41%;
    }
}
 @media (max-width: 1280px){
    .skdslider {
        height: 493px;
    }
    .skdslider .slide-desc > p {
        font-size: 14px;
    }
    .skdslider .slide-desc {
    bottom: 27%;
}
}
 @media (max-width: 1080px){
    .skdslider {
        height: 550px;
    }
    .skdslider .slide-desc > p {
        font-size: 13px;
        width: 85%;
    }
    .skdslider .slide-desc > h3 {
        font-size: 34px;
    }
}
 @media (max-width: 1050px){
    .skdslider {
        height:393px;
    }
    .skdslider .slide-desc > h3 {
        font-size: 32px;
    }
    .skdslider .slide-desc {
    bottom: 22%;
}
.skdslider .slide-desc > h3 {
    width: 64%;
    line-height: 58px;
}
}
 @media (max-width: 1024px){
    .skdslider {
        height: 393px;
    }
    .skdslider .slide-desc > h3 {
        font-size: 30px;
    }
}
 @media (max-width: 991px){
    .skdslider {
        height: 330px;
    }
    .skdslider .slide-desc {
        bottom: 22%;
    }
    .skdslider .slide-desc > p {
        line-height: 24px;
        letter-spacing: 1px;
    }
    .skdslider .slide-desc > h3 {
    line-height: 48px;
}
.skdslider ul.slides li img {
    width: none;
}
}
 @media (max-width: 800px){
    .skdslider .slide-desc > h3 {
        font-size: 26px;
    }
    .skdslider {
        height: 307px;
    }
    .skdslider .slide-desc > p {
        line-height: 22px;
        letter-spacing: 0.5px;
    }
    .skdslider .slide-desc > p {
        font-size: 12.5px;
        width: 90%;
    }
     
}
 @media (max-width:768px) {
    .skdslider .slide-desc > h3 {
        font-size: 24px;
    }
    .skdslider {
        height: 295px;
    }
    .skdslider .slide-desc > p a.more {
        font-size:14px;
    }
}
 @media (max-width:736px) {
    .skdslider {
        height: 281px;
    }
    .skdslider .slide-desc {
        bottom: 18%;
    }
}
 @media (max-width:667px) {
    .skdslider {
        height: 254px;
    }
    .skdslider .slide-desc {
        bottom: 14%;
    }
    .skdslider .slide-desc > p {
        padding: 10px;
    }
}
 @media (max-width:640px) {
    .skdslider {
        height: 243px;
    }
    .skdslider .slide-desc > h3 {
        width: 100%;
        font-size: 22px;
    }
    .skdslider .slide-desc > p {
        padding: 8px;
    }
}
 @media (max-width:600px) {
    .skdslider {
        height: 229px;
    }
    .skdslider .slide-desc > h3 {
        font-size: 22px;
        letter-spacing: 2px;
        width: 100%;
    }
    .skdslider .slide-desc > p {
        padding: 6px;
        font-size: 12px;
    }
}
 @media (max-width: 568px){
    .skdslider {
        height: 216px;
    }
    .skdslider .slide-desc > p {
        line-height: 20px;
        letter-spacing: 0px;
    }
}
 @media (max-width: 480px){
    .skdslider {
        height: 181px;
    }
    .skdslider .slide-desc > p {
        width:93%;
        padding: 8px;
    }
    .skdslider .slide-desc > h3 {
    line-height: 34px;
}
}
 @media (max-width: 414px){
    .skdslider {
        height: 154px;
    }
    .skdslider .slide-desc {
        bottom: 10%;
    }
    .skdslider .slide-desc > h3 {
        font-size: 18px;
        width: 100%;
    }
    .skdslider .slide-desc > h3 {
    line-height: 30px;
}
}
 @media (max-width: 384px){
    .skdslider {
        height: 144px;
    }
    .skdslider .slide-desc {
        bottom: 2%;
    }
}
 @media (max-width: 375px){
    .skdslider {
        height: 142px;
    }
    .skdslider .slide-desc {
        bottom: 1.5%;
    }
}
 @media (max-width: 320px){
    .skdslider {
        height: 119px;
    }
    .skdslider .slide-desc {
        bottom:0%;
    }
    .skdslider .slide-desc > h3 {
    font-size: 14px;
    width: 100%;
     line-height: 26px;
}
}
 
    <!-- start-smoth-scrolling -->
 
        html, body {
            font-size: 100%;
            font-family: 'Open Sans', sans-serif;
            background: #ffffff;
        }

        ul li, ol li {
            font-size: 14px;
        }

        p {
            margin: 0;
        }

        h1, h2, h3, h4, h5, h6, a {
            font-family: 'Raleway', sans-serif;
            margin: 0;
            font-weight: 700;
        }
        

        ul, label {
            margin: 0;
            padding: 0;
        }

        body a:hover {
            text-decoration: none;
            text-shadow: black 0.1em 0.1em 0.2em !important;
            color: #fff !important;
        }
        /*-- header --*/
        span.glyphicon.glyphicon-shopping-cart.my-cart-icon.my-cart-icon-affix {
            position: relative !important;
        }

        .btn-danger {
            color: #fff;
            background-color: #3399cc;
            border-color: #3399cc;
        }

        .modal-dialog {
            width: 850px;
            margin: 75px auto 30px;
        }

        .snipcart-thumb a {
            display: block;
            text-align: center;
        }

        .my-cart-icon-affix i {
            background: #fe9126 !important;
        }

        .agile_top_brand_left_grid {
            position: relative;
            display: block;
        }

        i.badge.badge-notify.my-cart-badge {
            font-style: normal;
            background: #3399cc;
            font-size: 14px;
            position: absolute;
            top: -10px;
            right: -22px;
        }

        input[type="submit"], #PPMiniCart .minicart-submit, .csss_vegetables ul li a, input[type="reset"], .agileinfo_mail_grid_left ul li a, .events_bottom_left2 ul li a, .csss_service_grids1_right a, ul.agileits_social_icons li a, .css_banner_nav_right_banner_pet a, .csss_css_banner_nav_right_grid_head_grid ul li a, .products-breadcrumb ul li a, .w3_footer_grid ul li a, .css_fresh_vegetables_grid ul li a, .wthree_footer_copy p a, .agile_top_brand_left_grid1 .button, .csss_logo_products_left1 ul.special_items li a, .csss_logo_products_left1 ul.phone_email li a {
            transition: .5s ease-in;
            -webkit-transition: .5s ease-in;
            -moz-transition: .5s ease-in;
            -o-transition: .5s ease-in;
            -ms-transition: .5s ease-in;
        }

        .agileits_header {
            background: #333333;
            padding: 2px 0;
        }

        .css_search {
            float: right;
            width: 25.33%;
            margin: 0em 0 0em 0em;
        }

            .css_search input[type="search"] {
                width: 83%;
                padding: 10px;
                font-size: 14px;
                color: #999;
                outline: none;
                border: 1px solid #cccccc;
                background: none;
                -webkit-appearance: none;
                transition: 0.5s all;
                -webkit-transition: 0.5s all;
                -moz-transition: 0.5s all;
            }

        i.fa.fa-angle-right {
            font-size: 15px;
            margin-right: 5px;
        }

        i.fa.fa-phone {
            margin-right: 10px;
            font-size: 20px;
        }

        button.btn.btn-default.search {
            background: #fe9126;
            padding: 11px 12px 11px;
            float: right;
            outline: none;
            border: none;
        }

            button.btn.btn-default.search:hover {
                background: #333;
            }

        .css_search input[type="search"] {
            margin-top: 0px;
        }

        .css_search i.fa.fa-search {
            font-size: 17px;
            color: #fff;
        }

        button.css_search {
            border: none;
            position: absolute;
            top: 4px;
            right: 11px;
            width: 47px;
            height: 43px;
            outline: none;
            box-shadow: none;
            background: #00e58b;
            padding: 0;
            border-radius: inherit;
            -webkit-appearance: none;
            -webkit-transition: .5s all;
            -moz-transition: .5s all;
            transition: .5s all;
        }

        .btn-default:hover {
            background-color: #000;
            border: none;
        }

        .cart-wthree .fa {
            font-size: 34px;
            margin-top: 7px;
        }

        button.w3view-cart {
            background: transparent;
            border: none;
        }

            button.w3view-cart:focus {
                outline: none;
            }
.form-control {
    height: 45px !important;
}

@media screen and (min-width: 0px) and (max-width: 321px) {
    .csss_logo_products_left {
        float: left;
        text-align: center;
        width: 10%;
    }
    .csss_logo_products_left h1 a {
                font-size: 30px;
                color: #fe9126;
                text-decoration: none;
                text-transform: capitalize;
                display: block;
                line-height: 1;
                font-family: Lucida Calligraphy;             
                width:100px;
                height:100px;
                text-align: center;
                 padding-left:25px;
            }
    
     .icon{                  
              width: 65px;
              height:65px; 
              display: block;          
              margin-right:0px;
              margin-top:20px;
              float:left;           
        }
        .icon img {                  
            width: 65px;
            height:65px;                  
        }
        .logo_products {
            padding: 20px 30px 10px 50px;
        }
        .image{
            width:100%;
            height:400px;
        }
        .card1 {
            margin-left: 15px;
          /*  width:320px;
            height:418px;
            */
          margin-bottom: 20px;
        }
        
        .navbar-collapse{
            width: 300px !important;
        }
       .navv >li >a{
           position: relative;
           display: block;
           padding: 10px 0px 10px 130px;
        }
       .form1{
           margin-left: 10px;
       }
       .text{
           margin-left: 10px;
       }
       .models{
               width: 320px;
       }
       .model1 {
        width: 320px;
    }
       .navbar-brand
       {
           padding-right:10px !important;
       }   
     
}

@media screen and (min-width: 321px) and (max-width: 361px) {
    .csss_logo_products_left {
        float: left;
        text-align: center;
        width: 10%;
    }
    .csss_logo_products_left h1 a {
                font-size: 30px;
                color: #fe9126;
                text-decoration: none;
                text-transform: capitalize;
                display: block;
                line-height: 1;
                font-family: Lucida Calligraphy;               
                width:100px;
                height:100px;
                text-align: center;
                padding-left:25px;
            }

      .icon{                  
              width: 65px;
              height:65px; 
              display: block;          
              margin-right:0px;
              margin-top:20px;
              float:left;           
        }
        .icon img {
            width: 65px;
            height: 65px;
        }
         .logo_products {
            padding: 20px 30px 10px 50px;
        }
         .image{
             width:100%;
             height:400px;
         }
            .card1 {
        margin-left: 20px;
        width:350px;
        height:418px;
        margin-bottom: 20px;
    }
 .navv >li >a{
    position: relative;
    display: block;
    padding: 10px 0px 10px 150px;
    }
 .form1{
           margin-left: 10px;
       }
 .text{
           margin-left: 10px;
       }
   .models{
               width: 350px;
       }
   .model1 {
        width: 320px;
    }   
    .navbar-collapse{
            width: 300px !important;
        }
    .navbar-brand
       {
           padding-right:10px !important;
       } 
}

@media screen and (min-width: 361px) and (max-width: 533px) {
    .csss_logo_products_left {
        float: left;
        text-align: center;
        width: 10%;
    }
    .csss_logo_products_left h1 a {
                font-size: 30px;
                color: #fe9126;
                text-decoration: none;
                text-transform: capitalize;
                display: block;
                line-height: 1;
                font-family: Lucida Calligraphy;               
                 width:100px;
                 height:100px;
                 text-align: center;
                 padding-left:25px;
            }

      .icon{                  
              width: 65px;
              height:65px; 
              display: block;          
              margin-right:0px;
               margin-top:20px;
              float:left;           
        }
        .icon img {                  
            width: 65px;
            height:65px;                 
        }
         .logo_products {
            padding: 20px 30px 10px 50px;
        }
         .image{
            width:100%;
            height:400px;
          }  
 
            .card2 {
               margin-left: 15px;
               width:380px;
               height:480px;
               margin-bottom: 20px;

            } 
            .navv >li >a{
                position: relative;
                display: block;
                padding: 10px 0px 10px 150px;
            }  
            .form1{
           margin-left: 10px;
       } 
            .text{
           margin-left: 10px;
       }
              .models{
               width: 350px;
       }
              .model1 {
        width: 320px;
    }   
               .navbar-collapse{
            width: 300px !important;
        }
}

@media screen and (min-width:412px)and (max-width: 500px)
{
     .card2 {
               margin-left: 20px;
               width:400px;
               height:418px;
               margin-bottom: 20px;

            } 
      .navbar-collapse{
            width: 300px !important;
        }
}

@media screen and (min-width: 641px) and (max-width: 733px) {
     .csss_logo_products_left {
        float: left;
        text-align: center;
        width: 33.33%;
    }

        .csss_logo_products_left h1 a {
            font-size: 30px;
            color: #fe9126;
            text-decoration: none;
            text-transform: capitalize;
            display: block;
            line-height: 1;
            font-family: Lucida Calligraphy;        
            width:100px;
            height:100px;
            text-align: center;
            padding-left:25px;
        }

          .icon{                  
              width: 70px;
              height:70px; 
              display: block;          
              margin-right:0px;
              float:left;           
        }
        .icon img {                  
            width: 70px;
            height:70px;                                
        }

         .logo_products {
            padding: 20px 30px 10px 50px;
        }
         .image {
        width: 100%;
        height: 400px;
       } 
         .card1 {
        margin-left: 15px;
        width: 370px;
        height: 550px;
        margin-bottom: 20px;
       }
         .form1{
           margin-left: 300px;
       }
          .text{
           margin-left: 90px;
       }
            .models{
               width: 350px;
       }
          .model1 {
        width: 320px;
    }   
           .navbar-collapse{
            width: 300px !important;
        }
}


  @media screen and (min-width: 768px) and (max-width: 1024px) {
      .csss_logo_products_left {
        float: left;
        text-align: center;
        width: 33.33%;
    }

        .csss_logo_products_left h1 a {
            font-size:50px;
            color: #fe9126;
            text-decoration: none;
            text-transform: capitalize;
            display: block;
            line-height: 1;
            font-family: Lucida Calligraphy;
            margin-top:30px;                   
            width:500px;
            height:100px;
            text-align: center;
            padding-left:25px;
        }

          .icon{                  
              width: 110px;
              height:110px; 
              display: block;          
              margin-right:0px;
              float:left;           
        }
        .icon img {                  
            width: 110px;
            height:110px;                     
        }
         .logo_products {
            padding: 30px 0px 10px 100px;
        }

         /*.nav2{
                margin-left:30px;                                
            }*/ 
       .card1 {
        margin-left: 50px;
        width:450px;
        height:480px;
        margin-bottom: 20px;
       }
     .navv >li >a{
    position: relative;
    display: block;
    padding:15px 30px 15px 30px;
   }
     .form1{
           margin-left: 280px;
       }
      .text{
           margin-left: 90px;
       }
        .models{
               width: 700px;
       }
         .model1 {
        width: 519px;
    }  
        
}

@media screen and (min-width: 1024px) and (max-width: 1401px) {
   
     .csss_logo_products_left {
        float: left;
        text-align: center;
        width: 33.33%;
    }

        .csss_logo_products_left h1 a {
            font-size: 50px;
            color: #fe9126;
            text-decoration: none;
            text-transform: capitalize;
            display: block;
            line-height: 1;
            font-family: Lucida Calligraphy;
            margin-top:30px;          
            width:500px;
            height:100px;
            text-align: center;
            padding-left:25px;
        }

          .icon{                  
              width: 110px;
              height:110px; 
              display: block;          
              margin-right:0px;
              float:left;           
        }
        .icon img {                  
            width: 110px;
            height:110px;                     
        }
         .logo_products {
            padding: 20px 0px 10px 300px;
        }

         .nav2{
                margin-left:30px;                                
            } 
    .card1 {
        margin-left: 50px;
        width:400px;
        height:450px;
        margin-bottom: 20px;
    }
    .navv >li >a{
    position: relative;
    display: block;
    padding:15px 30px 15px 30px;
}
    .navbar-brand{
        padding-top: 40px !important;
    }
     .form1{
           margin-left: 500px;
       }
       .text{
           margin-left: 50px;
       }
        .models{
               width: 700px;
       }
         .model1 {
        width: 519px;
    }   
           .navv{
             margin-left:100px !important;
         } 
}

 @media screen and (min-width: 1401px) and (max-width: 1801px) {
       
     .csss_logo_products_left {
        float: left;
        text-align: center;
        width: 33.33%;
    }

        .csss_logo_products_left h1 a {
            font-size: 50px;
            color: #fe9126;
            text-decoration: none;
            text-transform: capitalize;
            display: block;
            line-height: 1;
            font-family: Lucida Calligraphy;          
            margin-top:50px;          
            width:500px;
            height:100px;
            text-align: center;
            padding-left:25px;
        }

        .icon{                  
              width: 110px;
              height:110px; 
              display: block;          
              margin-right:0px;
              float:left;           
        }
        .icon img {                  
            width: 110px;
            height:110px;                      
        }
         .logo_products {
            padding: 10px 0px 10px 300px;
        }
              .nav2{
                margin-left:30px;                                
            } 
    .card1 {
        margin-left: 50px;
        width:400px;
        height:450px;
        margin-bottom: 20px;
    }
    .navv >li >a{
    position: relative;
    display: block;
    padding:15px 30px 15px 30px;
}
     .navbar-brand{
        padding-top: 40px !important;
    }
     .form1{
           margin-left: 480px;
       }
       .text{
           margin-left: 90px;
       }
        .models{
               width: 700px;
       }
         .model1 {
        width: 519px;
    }   
           .navv{
             margin-left:10px !important;
         } 
}

@media screen and (min-width: 1801px) and (max-width: 2401px) {

    .csss_logo_products_left {
        float: left;
        text-align: center;
        width: 33.33%;
    }

        .csss_logo_products_left h1 a {
            font-size: 50px;
            color: #fe9126;
            text-decoration: none;
            text-transform: capitalize;
            display: block;
            line-height: 1;
            font-family: Lucida Calligraphy;
            margin-top:30px;            
            width:500px;
            height:100px;
            text-align: center;
            padding-left:25px;
        }
        
     .icon{                  
              width: 110px;
              height:110px; 
              display: block;          
              margin-right:0px;
              float:left;           
        }
        .icon img {                  
            width: 110px;
            height:110px;                     
        }

         .logo_products {
            padding: 10px 0px 10px 300px;
        }
          .card1 {
             margin-left: 50px;
             width:400px;
             height:450px; 
             margin-bottom: 20px;      
         }
           .nav2{
                margin-left:30px;                                
            } 
         .navv >li >a{
             position: relative;
             display: block;
             padding:15px 30px 15px 30px;
         }
          .form1{
           margin-left: 500px;
       }
           .text{
           margin-left: 90px;
       }
            .models{
               width: 700px;
       }
    .model1 {
        width: 519px;
    }    
     .navbar-brand{
        padding-top: 40px !important;
    }
       .navv{
             margin-left:10px !important;
         } 
}
           
            /*on hover view button*/
            div.show-image:hover button {
                display: block;
            }
            div.show-image button {
                position:absolute;
                display:none;
            }
        /*Hedaer navbar text glow*/
        a.glow, a.glow:hover, a.glow:focus {
            text-decoration: none;
            color: #aaf;
            text-shadow: none;
            -webkit-transition: 500ms linear 0s;
            -moz-transition: 500ms linear 0s;
            -o-transition: 500ms linear 0s;
            transition: 500ms linear 0s;
            outline: 0 none;
        }
        a.glow:hover, a.glow:focus
        {
	        color: #fff;
	        text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;
        }
        /*-- //header --*/
        .navbar-default .navbar-nav > li > a {
            color: #fff;
            font-size: 18px;
            font-weight: 500;
        }
        
        .logo-nav-left1 ul li.active a.act {
            color: #fff !important;
        }

        .multi-column-dropdown li a {
            color: #999 !important;
        }

        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
            background-color: #0a1f31;
            color: #fff !important;
        }
        .navbar-default .navbar-collapse, .navbar-default .navbar-form {
            border: none;
        }
       
      
        .navbar {
            position: relative;
            min-height: 50px;
            margin-bottom: 10px;
            border: 1px solid transparent;
        }

        .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
            color: #fff;
        }

        .navbar-default {
            background: none;
            border: none;
        }
        .navbar-default .navbar-nav>.dropdown>a .caret {
            border-top-color: #ffffff;
            border-bottom-color: #ffffff;
        }
        .navbar-collapse {
            padding: 0;
        }

        ul.multi-column-dropdown h6 {
            font-size: 20px;
            color: #fe9126;
            margin: 0 0 0em;
            padding-bottom: 1em;
            border-bottom: 1px solid #E4E4E4;
            text-transform: capitalize;
        }

        .multi-column-dropdown li {
            list-style-type: none;
            margin: 14px 0;
        }

            .multi-column-dropdown li a {
                display: block;
                clear: both;
                line-height: 1.428571429;
                color: #999 !important;
                white-space: normal;
                font-weight: 500 !important;
            }

        .dropdown-menu.columns-3 {
            min-width: 190px;
            padding: 20px 30px;
        }

        .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
            background: none;
            border: none;
        }

        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
            background-color: transparent;
        }

        .nav > li > a:hover, .nav > li > a:focus {
            background: none;
            color: #fff !important;
        }

        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
            color: #fff;
        }

        .multi-gd-img img {
            width: 100%;
        }

        .navigation-agileits {
            background: #0a1f31;
            padding: 2px 0px 2px 0px;
        }

        /*-- banner --*/
        .navbar-collapse {
            padding: 0;
            box-shadow: none;
        }

        .navbar {
            margin-bottom: 0;
            border: none;
        }
        /*-- cart --*/

        .ban-bottom-css {
            padding: 5em 0;
        }

        .ban-bottom1 {
            float: left;
            width: 48%;
            margin-right: 2%;
        }

        .ban-bottom2 {
            float: left;
            width: 48%;
            margin-left: 2%;
        }

        .ban-img {
            margin-top: 2.1em;
        }

        .ban-top {
            position: relative;
            overflow: hidden;
        }

            .ban-top img {
                -moz-transition: all 1s;
                -o-transition: all 1s;
                -webkit-transition: all 1s;
                transition: all 1s;
                width: 100%;
            }

            .ban-top:hover img {
                -moz-transform: scale3d(1.1, 1.1, 1);
                -o-transform: scale3d(1.1, 1.1, 1);
                -ms-transform: scale3d(1.1, 1.1, 1);
                -webkit-transform: scale3d(1.1, 1.1, 1);
                transform: scale3d(1.1, 1.1, 1);
            }

        .ban-text {
            position: absolute;
            top: 50%;
            left: 25%;
            background: rgb(254, 145, 38);
            padding: 10px 30px;
        }

        .ban-text1 {
            position: absolute;
            top: 40%;
            left: 25%;
            background: rgb(254, 145, 38);
            padding: 10px 30px;
        }

        .ban-text h4 {
            font-size: 22px;
            color: #fff;
        }

        .ban-text1 h4 {
            font-size: 22px;
            color: #fff;
        }

        .ban-text2 h4 {
            font-size: 1.5em;
            color: #fff;
        }

        .ban-text2 span {
            display: block;
            line-height: 1.5em;
        }
       
        .ban-text2 {
            position: absolute;
            top: 14%;
            left: 45%;
            background: #3399cc;
            padding: 1.5em;
            border-radius: 60px;
            text-align: center;
            width: 18%;
        }

        /*-- footer --*/
        .footer {
            padding: 0em 0px 2em 0em;
            background: #0a1f31;
            width:auto;
        }

        .w3_footer_grid h3 {
            color: #ffffff;
            font-size: 1.5em;
            margin-bottom: 1.8em;
            text-transform: uppercase;
        }

        .w3_footer_grid p {
            color: #afafaf;
            line-height: 1.8em;
            margin-bottom: 2em;
        }

        .w3_footer_grid ul li {
            list-style-type: none;
            margin-bottom: 1em;
            color: #afafaf;
            font-size: 14px;
        }

        .w3_footer_grid ul.address li i {
            color: #fe9126;
            border: 1px solid #fe9126;
            padding: .5em;
            margin-right: 1em;
        }

        .w3_footer_grid ul.address li span {
            display: block;
            margin-left: 3em;
        }

        .w3_footer_grid ul li a {
            color: #afafaf;
            text-decoration: none;
        }

            .w3_footer_grid ul li a:hover {
                color: #fe9126;
            }

        .w3_footer_grid h4 {
            margin: 2em 0 1em;
            font-size: 1.2em;
            color: #ff9b05;
        }

        i.fa.fa-arrow-right {
            color: #fe9126;
            margin-right: 10px;
        }

        .footer-copy1 {
            position: relative;
            padding: 2em 0 0;
            border-bottom: 1px solid #F4F4F4;
        }

        .footer-copy-pos {
            position: absolute;
            right: 14%;
            bottom: -75%;
            width: 50px;
            height: 50px;
            border: 3px solid rgba(254, 155, 5, 0.69);
            border-radius: 25px;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            -o-border-radius: 25px;
            -ms-border-radius: 25px;
            box-shadow: 0px 0px 15px rgba(255, 155, 5, 0.49);
        }

        .footer-copy p {
            margin: 4em 0 0;
            text-align: center;
            color: #999;
            line-height: 1.8em;
        }

            .footer-copy p a {
                color: black;
                text-decoration: none;
            }

                .footer-copy p a:hover {
                    color: white;
                }

        .cssayouts-foot ul li {
            display: inline-block;
        }

            .cssayouts-foot ul li a {
                width: 32px;
                height: 32px;
                color: #fff;
                border: 1px solid #fff;
                text-align: center;
                display: inline-block;
                font-size: 18px;
                line-height: 32px;
                border-radius: 50%;
            }

        a.w3_agile_facebook:hover {
            background: #3b5998;
            border: 1px solid #3b5998;
        }

        a.agile_twitter:hover {
            background: #1da1f2;
            border: 1px solid #1da1f2;
        }

        a.w3_agile_dribble:hover {
            background: #ea4c89;
            border: 1px solid #ea4c89;
        }

        a.w3_agile_vimeo:hover {
            background: #1ab7ea;
            border: 1px solid #1ab7ea;
        }

        .cssayouts-foot {
            float: left;
        }

        .payment-csss {
            float: right;
        }

        .footer-botm {
            background: #393737;
            padding: 16px 0;
        }

        .slide-desc h3 {
            background-color: rgba(0, 0, 0, .5);
        }
        /*-- //footer --*/
        .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dropdown-menu.columns-3 {
    min-width: 190px;
    padding: 20px 30px;
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

          select {
            width: 150px;
            height: 40px;
            background: #ffffff;
            border-color: #ffffff;
            box-shadow: 1px 1px 8px #330033;
            appearance: none;
            margin-left: 30px;
            color: white;
        }

            select option {
                border: 1px solid pink;
                background: #ffffff;
                box-shadow: 1px 1px 11px #330033;
            }

            select:focus {
                outline: none;
            }

            body{font-family:'Open Sans Condensed',sans-serif;font-size:20px; background:#f8f8f8}
  

  
          h1,h2,h3{font-weight:550} 
         .wel h1{font-weight:700; color:#fff}.brk{height:4px; border-radius:4px; background:#fe9126; margin:25px auto; display:block; width:85px}
         .who-we{margin-top:50px; margin-bottom:50px}
         .who-we h2{color:#fe9126;}


        @media (min-width:768px) {
            .wel-info {
                max-width: 850px;
                margin-left: auto;
                margin-right: auto;
            }

            .who-we h2 {
                font-size: 42px;
            }
        }

   .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #fe9126;
    border-color:#fe9126;
}

    .caption {
    
height: 130px;
    
overflow: hidden;

}



.caption h4 {
    
white-space: nowrap;
color:#fe9126;

}



.thumbnail img {
    
width: 100%;

}

.ratings {
    
padding-right: 10px;
    
padding-left: 10px;   
}


.thumbnail {
    
padding: 0;

}  

   .container-fluid {
            padding-top: 22px;
            padding-bottom: 22px;
            background-color: #0a1f31 !important;
        }

        a {
            color: #fff;
        }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            width: 100%;
            height: 80%;
        }

        .navbar-header {
            padding-left: 45px;
        }