@charset "utf-8";
/* CSS Document */
input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }
a[href^=tel] { text-decoration:inherit;color: inherit; }

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){

}
@media only screen and (min-width: 1700px){


    
}
@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

}

@media screen and (min-width:1280px) and (max-width:1360px) {

}

@media screen and (min-width:1024px) and (max-width:1279px) {
    /*login*/
    .row-2 { width: 90%;}

    .composition { padding: 30px;}
    .composition .comp {width: 68%;}
    .success { padding: 30px;}
    .success .cont { width:100%;}
    
    .tab-t { width: 100%;}

    .happy-customer {padding: 90px 0 60px 0; height:750px; }
    #h-cust .slick-slide { margin:0 16px; }
    .happy-customer .hap-cust .hap-cust-cnt { padding:30px;}
    .happy-customer .hap-cust .hap-cust-cnt p { font-size: 16px; line-height: 24px;}
    #h-cust.slick-slider .slick-prev { left:5px; }
    #h-cust.slick-slider .slick-next { right:5px; }
    .happy-customer .hap-cust-img .hap-cust-img-rgt h2 { font-size:19px; }
    .happy-customer .hap-cust-img .hap-cust-img-rgt p { line-height:22px; font-size:15px; }
}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
    /*login*/
    .row-2 { width: 98%;}
    .main-signup-header .form-group.otp .form-control { width: 50px; }
    .btn-lnks {margin-left: 11%;}
    .track-lnk { margin-right: 14%;}

    .composition { padding: 30px;}
    .composition .comp {width: 68%;}
    .help { padding: 30px;}
    .success { padding: 30px;}
    .success .cont { width:100%;}
    .contact { padding: 30px;}
    .contact .cont { width:100%;}
    ul.cont-address { width: 90%;}
    .contact-map { width: 90%;}
    .wizard > .steps a {font-size: 13px; padding-right: 8px;}
    .wizard > .steps a:hover { font-size: 13px;}

    .tab-t { width: 100%;}
    .tab { margin-right: 10px;}
    .tab a { font-size: 12px;}


    #h-cust.slick-slider { min-height:auto; margin-top:10px; }
    /*#h-cust.slick-slider .slick-next, #h-cust.slick-slider .slick-prev { display:none;}*/
    #h-cust.slick-slider .slick-next { right:40px; }
    #h-cust.slick-slider .slick-prev { left:-10px; }
    .happy-customer .row1 { width:100%; }
    #h-cust .slick-slide { margin:0 15px;}
    .feature-sec ul li img { margin-bottom:15px; }

    .product-list .product-list-rgt {width: 100%; margin-right: 0; margin-bottom: 40px;}
    .product-list .product-list-lft {width: 100%;}
    .product-list .product-list-rgt .prd-lst ul li .prd-cnt { padding: 17px 0;}
}

@media screen and (max-width:1023px) {
    .navbar-nav-rgt{ display: none; } 
    .navbar-expand-lg .navbar-nav { width: 100%; }
    .certificates-list ul li { width: 23%; } 
    .brand-list ul li { width: 31%; }
    .our-clients ul li .cnt-lft { width: 100%; } 
    .our-clients ul li .cnt-rgt { width: 100%; padding-left: 0px; display: block; }
    .our-clients ul li .cnt-main.rgt .cnt-rgt { padding-right:0px; }

    .product-list .product-list-rgt {width: 100%; margin-right: 0; margin-bottom: 40px;}
    .product-list .product-list-lft {width: 100%;}
    .product-list .product-list-rgt .prd-lst ul li .prd-cnt { padding: 17px 0;}
}

@media screen and (max-width:992px) {
    .navbar-expand-lg .navbar-nav { flex-direction: column;width: 100%; }
    .nav-link { border-bottom: 1px solid rgba(255,255,255,.2); }
    .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active { width: 100%; }
    .certificates-list ul li { width: 23%; } 
    .google-txt { text-align: center  !important; }
    .google-btn{ text-align: center  !important; margin-top: 30px  !important;}
    a.google-btn {font-size: 16px;}

    .hot-selling {margin-top: 0px;}
    .new-offers { margin-top: 50px; }
    .brand-list ul li { width: 31%; }
    .contact .contact-item { width: 100%; } 
    .our-clients ul li .cnt-lft { width: 100%; } 
    .our-clients ul li .cnt-rgt { width: 100%; padding-left: 0px; display: block; }
    .our-clients ul li .cnt-main.rgt .cnt-rgt { padding-right:0px; }

    .product-list .product-list-rgt {width: 100%; margin-right: 0; margin-bottom: 40px;}
    .product-list .product-list-lft {width: 100%;}
    .product-list .product-list-rgt .prd-lst ul li .prd-cnt { padding: 17px 0;}
    .product-list .product-list-rgt .prd-lst ul li .prd-img img { width: 97%;}
}



/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
    /*login*/
    .row-2 { width: 90%;}
    .login-lft { width: 100%; height: 400px;}
    .login-rht { width: 100%; border-radius: 0;height: 646px;}
    .login-section.bg { padding: 30px 0; height: 1100px;}
    .login-white { border-radius: 0;}
    .main-signup-header, .main-card-signin { border: 0;}
    .btn-lnks { margin-top: 25px;}

    .title1 h1 { font-size: 28px;}
    .composition { padding: 30px;}
    .composition .comp {width: 100%;}
    .help { padding: 30px;}
    .success { padding: 30px;}
    .success .cont { width:100%;}

    .contact { padding: 30px;}
    .contact .cont { width:100%;}
    ul.cont-address { width: 90%;}
    .contact-map { width: 90%;}

    .tab-title {padding: 14px}
    .tab-t { width: 100%;}
    .tab { margin-right: 2px;}
    .tab a { font-size: 11px; padding: 2px 14px 2px 2px;}
    .tab a span.title { margin-left: 6px;}

    .space-sec .slick-slide { margin:0 8px;}
    #h-cust .slick-slide { margin:0 8px; }
    #h-cust.slick-slider { min-height:auto; margin-left:0 !important;}
    .happy-customer .hap-cust { margin:0; }
    .happy-customer .row1 { width:100%; padding:0; }
    .slick-center .hap-cust .hap-cust-cnt p { font-size:16px; line-height:26px; }   
    .certificates-list ul li { width: 47%; }  
    .google-txt { text-align: center  !important; }
    .google-btn{ text-align: center  !important; margin-top: 30px  !important;}
    a.google-btn {font-size: 16px;}
    .brand-list ul li { width: 31%; }
    .contact .contact-item { width: 100%; }
    .our-clients ul li .cnt-lft { width: 100%; } 
    .our-clients ul li .cnt-rgt { width: 100%; padding-left: 0px; display: block; }
    .our-clients ul li .cnt-main.rgt .cnt-rgt { padding-right:0px; }

    .product-list .product-list-rgt {width: 100%; margin-right: 0; margin-bottom: 40px;}
    .product-list .product-list-lft {width: 100%;}
    .product-list .product-list-rgt .prd-lst ul li .prd-cnt { padding: 17px 0;}
    .product-list .product-list-rgt .prd-lst .filter-lft ul.filter-tag-lst li { margin-right: 0px;} 
    .product-list .product-list-rgt .prd-lst ul li a.cart-btn {padding: 8px 24px; font-size: 15px;} 
    .product-list .product-list-rgt .prd-lst ul li .offer { left: 8px; padding: 2px 8px 3px 8px;}
    .product-list .product-list-rgt .prd-lst ul li .new { left: 65px;}
    .product-list .product-list-rgt .prd-lst ul li .wish-icon a { width: 34px; height: 34px; right: 8px; }
    .product-list .product-list-rgt .prd-lst ul li .prd-img img { width: 97%;}
    .about .about-img img { width: 100%;}
}  

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
    /*login*/
    .btn-sct {margin-left: 6%;}
    .welcome { padding: 25px;}
    .lft-welcome h1 { font-size: 30px;}

    .success .cont h1 { font-size: 26px;}

    .contact { padding: 30px;}
    .contact .cont { width:100%;}
    ul.cont-address { width: 90%;}
    .contact-map { width: 90%;}
    .contact-form .form-group { width: 100%; margin-right: 0;}
    ul.cont-address li { width: 100%; margin: 0 auto 20px 0;}

    .tab-t { width: 100%;}
    .tab {margin-right: 0; width: 100%}
    .tab a { font-size: 14px; padding: 2px 14px 2px 2px; width: 100%;margin-bottom: 10px;}
    .tab a span.title { margin-left: 15px;}    
    .certificates-list ul li { width: 47%; }
    .google-txt { text-align: center  !important; }
    .google-btn{ text-align: center  !important; margin-top: 30px  !important;}
    a.google-btn {padding: 15px;font-size: 12px;}   
    .item { margin-bottom: 30px;text-align: center; } 
    .item .img { width: 78%;position: relative; margin: 30px;}
    .item::after { width: 100%;}
    .item .title { text-align: center; }
    .item .title h3 { width: 100%; }
    .brand-list ul li { width: 46%; }
    .e-brochure ul li { width: 46%;}
    .contact .contact-item { width: 100%; }    
    .our-clients ul li .cnt-lft { width: 100%; } 
    .our-clients ul li .cnt-rgt { width: 100%; padding-left: 0px;display: block; }
    .our-clients ul li .cnt-main.rgt .cnt-rgt { padding-right:0px; }

    .product-list .product-list-rgt .prd-lst ul li {  width: 48.5%; margin-right: 3%; margin-bottom: 30px;}
    .product-list .product-list-rgt .prd-lst ul li:nth-child(3n+3) {margin-right: 3%;}
    .product-list .product-list-rgt .prd-lst ul li:nth-child(2n+2) { margin-right: 0;}
    .product-list .product-list-rgt .prd-lst ul li .prd-cnt h3 { font-size: 15px; line-height: 22px; }
    .product-list .product-list-rgt .prd-lst ul li .prd-cnt { padding: 10px 0 17px 0; }
    .product-list .product-list-rgt .prd-lst ul li .prd-img img { width: 97%;}
    .about .about-img img { width: 100%;}
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
    /*login*/
    .row-2 { width: 90%;}
    .login-section.bg { height: 1006px; margin-bottom: 0;}
    .login-rht { height: 544px;}
    .main-signup-header .form-group.otp .form-control { width: 50px;}
    .track-lnk {margin-right: 22%;}
    .btn-sct { margin-left: 11%;width: 90%;}
    .timeline ul li div { width: 300px; }
    .contact .cont h1 { font-size: 28px;}
    ul.cont-address { margin-top: 30px;}
    .hc-nav-trigger.hc-nav-1 { margin-right: 5px;}
    .tab-t { width: 100%;}
    .tab {margin-right: 0; width: 100%}
    .tab a { font-size: 13px; padding: 2px 14px 2px 2px; width: 100%;margin-bottom: 10px;}
    .tab a span.title { margin-left: 10px;}
    #wizard1 h3 { font-size: 16px;}
    .certificates-list ul { margin: 0px;padding: 0px; }
    .certificates-list ul li { width: 60%; }
    .google-txt { text-align: center  !important; }
    .google-btn{ text-align: center  !important; margin-top: 30px  !important;}
    a.google-btn {padding: 15px;font-size: 12px;}
    .brand-list ul li { width: 46%; }
    .e-brochure ul li { width: 46%;}
    .contact .contact-item { width: 100%; }
    .our-clients ul li .cnt-lft { width: 100%; } 
    .our-clients ul li .cnt-rgt { width: 100%; padding-left: 0px;display: block; }
    .our-clients ul li .cnt-main.rgt .cnt-rgt { padding-right:0px; }

    .product-list { padding: 25px 0 35px 0;}
    .product-list .product-list-rgt .prd-lst ul li .prd-cnt h3 {min-height: 45px;}

    .product-list .product-list-rgt .prd-lst ul li {  width: 100%; margin-right: 0; margin-bottom: 15px;}
    .product-list .product-list-rgt .prd-lst ul li:nth-child(3n+3) {margin-right: 0;}
    .product-list .product-list-rgt .prd-lst ul li .prd-img img { width: 97%;}
    .about .about-img img { width: 100%;}
}

@media screen and (max-width:359px) {
    .row-2 { width: 90%;}
    .login-section.bg { height: 1100px; margin-bottom: 0;}
    .login-rht { height: 660px;}
    .main-signup-header .form-group.otp .form-control { width: 41px;}
    .track-lnk {margin-right: 27%;}
    .btn-sct { margin-left: 4%;width: 90%;}
    .main-signup-header { padding: 14px;}
    .main-signup-header h2 {font-size: 24px }
    .lft-welcome h1 { font-size: 26px;}
    .welcome p.wel-para { padding: 15px;}
    .title1 { padding: 15px;}
    .title1 h1 { font-size: 20px;}
    .composition { padding: 10px;}
    .composition .comp img { margin: 10px 0;}

    .success { padding: 30px;}
    .success .cont { width:100%; padding:0 0 20px 0;}
    .success .cont h1 { font-size: 20px;}

    .timeline ul li div { width: 224px; }
    .contact .cont h1 { font-size: 28px;}
    .contact { padding: 10px;}
    ul.cont-address { margin-top: 30px;}
    #wizard1 h3 { font-size: 16px;}
    .certificates-list ul { margin: 0px;padding: 0px; }
    .certificates-list ul li { width: 80%; }
    .google-txt { text-align: center  !important; }
    .google-btn{ text-align: center  !important; margin-top: 30px  !important;}
    a.google-btn {padding: 15px;font-size: 12px;}
    .brand-list ul li { width:100%; }
    .e-brochure ul li { width: 100%;}
    .contact .contact-item { width: 100%; }
    .our-clients ul li .cnt-lft { width: 100%; } 
    .our-clients ul li .cnt-rgt { width: 100%; padding-left: 0px;display: block; }
    .our-clients ul li .cnt-main.rgt .cnt-rgt { padding-right:0px; }

    .product-list { padding: 25px 0 35px 0;}
    .product-list .product-list-rgt .prd-lst ul li .prd-cnt h3 {min-height: 45px;}

    .product-list .product-list-rgt .prd-lst ul li {  width: 100%; margin-right: 0; margin-bottom: 15px;}
    .product-list .product-list-rgt .prd-lst ul li:nth-child(3n+3) {margin-right: 0;}
    .product-list .product-list-rgt .prd-lst ul li .prd-img img { width: 97%;}
    .about .about-img img { width: 100%;}
}

@media screen and (max-width:319px) {
    .certificates-list ul { margin: 0px;padding: 0px; }
    .certificates-list ul li { width: 100%; }
    .google-txt { text-align: center  !important; }
    .google-btn{ text-align: center  !important; margin-top: 30px  !important;}
    a.google-btn {padding: 15px;font-size: 12px;}
    .brand-list ul li { width: 100%;}
    .e-brochure ul li { width: 100%;}
    .contact .contact-item { width: 100%; }
    .our-clients ul li .cnt-lft { width: 100%; } 
    .our-clients ul li .cnt-rgt { width: 100%; padding-left: 0px;display: block; }
    .our-clients ul li .cnt-main.rgt .cnt-rgt { padding-right:0px; }

    .product-list { padding: 25px 0 35px 0;}
    .product-list .product-list-rgt .prd-lst ul li .prd-cnt h3 {min-height: 45px;}

    .product-list .product-list-rgt .prd-lst ul li {  width: 100%; margin-right: 0; margin-bottom: 15px;}
    .product-list .product-list-rgt .prd-lst ul li:nth-child(3n+3) {margin-right: 0;}
    .product-list .product-list-rgt .prd-lst ul li .prd-img img { width: 97%;}
    .about .about-img img { width: 100%;}
}