* {box-sizing: border-box;}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir/Avenir-Book-01.ttf');
    src: local('☺'), url('../fonts/Avenir/Avenir-Book-01.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir/Avenir-Black-03.ttf');
    src: local('☺'), url('../fonts/Avenir/Avenir-Black-03.ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir/Avenir-Heavy-05.ttf');
    src: local('☺'), url('../fonts/Avenir/Avenir-Heavy-05.ttf');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir/Avenir-Medium-09.ttf');
    src: local('☺'), url('../fonts/Avenir/Avenir-Medium-09.ttf');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir/Avenir-Roman-12.ttf');
    src: local('☺'), url('../fonts/Avenir/Avenir-Roman-12.ttf');
    font-weight: 400;
    font-style: normal;
}



::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar:focus{}
::-webkit-scrollbar-track {background: #ddd; }
::-webkit-scrollbar-thumb {background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%); ;border-radius:5px;}
::-webkit-scrollbar-thumb:hover {background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%); }


body{font-family: 'Avenir'; background: #fff; overflow-x: hidden; }
a, h1, h2, h3, h4, h5, p{font-family: 'Avenir';}
p{font-size: 1.15rem; font-weight: 400; color: #8A94A6; line-height: 1.75}
h1, h2, h3, h4, h5{font-weight: 800}
h5{font-size: 1.72rem;}
input{font-weight: 400 !important; font-size: 1.0rem !important; padding: 22px 16px !important; color: #8A94A6 !important;
    border: 1px solid #E1E4E8 !important}

.bold{font-weight: 800 !important}
.rounded{border-radius: 10px !important;}

.main-nav .header-logo{height: 65px}
.main-nav .header-logo:hover img{opacity: 1 !important}
.main-nav button{font-size: 1.15rem !important}
.header-logo{margin-right: 2rem !important}
.cart-btn, .cart-btn.active, .cart-btn.active:focus, .cart-btn.focus, .cart-btn:active, .cart-btn:active:focus, .cart-btn:focus, .cart-btn:hover{box-shadow: none !important;}
.cart-btn{color: #243141 !important; background: none !important; border: none !important}
.cart-btn:hover{color: #F56000 !important}
.register-btn:hover {color: #F45C27!important; opacity: 1 !important}
.header-logo img{width: 225px;}
#login-btn{padding: 8px 40px;}
#login-btn:hover{background: linear-gradient(142deg, rgba(10,150,212,1) 0%, rgb(37 50 117) 75%); transition: 0.5s; box-shadow: none}
.main-nav {box-shadow: none; background: none; z-index: 99}
.main-nav .nav-link {color: #243141 !important; font-size: 1.15rem; font-weight: 900; }
.main-nav .mr-auto .nav-link{padding: 0.25rem 0 !important;}
.main-nav .nav-link:hover{color: #156eae !important;}
.main-nav .nav-link:hover::after {
    width: 100%;
}
.main-nav .nav-link::after {
    content: '';
    height: 2px;
    width: 0;
    border-radius: 25px;
    display: block;
    position: relative;
    left: 0;
    bottom: 3px;
    transition: all .4s ease;
    background-color: #156eae;
}
.navbar.navbar-dark .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-dark .navbar-nav .nav-item.active>.nav-link{
    font-weight: 800; background: none; border-bottom: 4px solid #ED1D78
}
.online-shopping-feature img {
    width: 70px;
}
.bg-gray-s {
    /* background-color: #f9f8f7; */
    padding: 35px 0;
    position: relative;
}
img.globe {
    width: 170px;
    height: 170px;
    position: absolute;
    bottom: 100px;
    left: 0!important;
}
.bg-sec{
    height: auto !important;
}
.bg-white-s {
    /* background-color: white;
    padding: 20px 0;
    border-radius: 20px;
    box-shadow: 0 0 10px 2px #d6d6d6; */
}
.theme-black-txt{color: #243141 !important}
.theme-orange-txt{color: #F56000 !important}
.login-btn{
    color: #F56000; background: #fff; box-shadow: 0 3px 6px #ddd;
    text-transform: capitalize; font-weight: 500; font-size: 0.9rem;
    height: 42px; border-radius: 10px; transition: 0.4s;
}

.theme-outline-btn{
    background: none;
    color: #F56000;
    border-radius: 5px;
    padding: 0.85rem 2.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
    box-shadow: none;
    border:2px solid #F56000;
}

.theme-outline-btn:hover{
    background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    color: #fff;
}
.rig-img img {
    width: 26px;
    height: 26px;
}
.theme-btn{
    background:linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%);
    color: #fff;
    border-radius: 10px;
    padding: 0.85rem 2.5rem;
    font-size: 1.15rem;
    font-weight: 900;
    text-transform: capitalize;
    box-shadow: none;
    transition: all .2s ease-in-out;
    
}
.theme-btn:hover{background: linear-gradient(142deg, rgba(10,150,212,1) 0%, rgb(37 50 117) 75%);
    box-shadow: none; color: #fff;  transform: scale(1.05);}
.orange-hover a:hover{
    color: #fe893c;
}
.call-icon img{
    width: 50px;
}
.p-0{
    padding-bottom: 0 !important;
}
    .rigister-btn{
        background: linear-gradient(142deg, rgba(10,150,212,1) 0%, rgb(37 50 117) 75%);
        
        color: #fff;
        border-radius: 50px !important;
        padding: 8px 40px;
        font-size: 1.15rem;
        font-weight: 900;
        text-transform: capitalize;
        box-shadow: none;
        transition: all .2s ease-in-out;
        
    }
    /* .rigister-btn:hover{background: linear-gradient(142deg, rgba(223,27,15,1) 0%, rgba(245,73,27,1) 56%, rgba(255,147,65,1) 100%); transition: 0.5s; box-shadow: none} */
    .star-line > img {
        position: absolute;
        width: 100%;
        top: -22px;
    }
    .star-line {
        border-style: solid;
        border-width: 0 1px 1px 1px;
        border-color: #ff8a16;
        padding: 50px 0;
        position: relative;
    }

    .register-btn{
    border: none !important;
    background: none;
    color: #243141 !important;
    border-radius: 10px;
    border:1px solid #ED1D78;
    box-shadow: none;
}
    .register-btn:hover{
        border: #ED1D78 !important;
        background: none;
        border:1px solid #ED1D78;
        box-shadow: none;
            
}


.signup-btn{
    border-color: #FBD1E3 !important;
    background-color: #FBD1E3;
    color: #ED1D78 !important;
    border-radius: 10px;
    padding: 0.93rem 2rem;
}
.signup-btn:hover{
    border-color: #FBD1E3 !important;
    background-color: #FBD1E3;
    box-shadow: none;
}

.theme-blue-text{color: #18578C !important}
.theme-pink-text{color: #ED1D78 !important}

.menu-btn{color: #ED1D78 !important;}

.overlay-logo{position: relative; top: 40px; left: 40px;}
.overlay-texture{position: absolute; top: 0; left: 0; width: 100%; height: fit-content; object-fit: cover; z-index: -9}
.overlay-btn{position: relative; top: 8vh}
.overlay-login .theme-btn{background: none !important; border:2px solid #fff !important}
.overlay-signup .theme-btn{background: #39497E !important; border:2px solid #39497E !important}
.active a{font-weight: 800 !important}
.home-balls .patern-layer-three {
    position: absolute !important;
    left: 0px !important;
    top: 30px!important;
    width: 100%!important;
    height: 85%!important;
    background-position: center!important;
    background-repeat: no-repeat !important;


}
.section-1-content{margin-top: 88px !important;
    padding-bottom: 200px;}
    .custom-checkbox.cur-point label:hover{
            color: #fd863a;
    }
/*
.show-tracking{z-index: 999; background: #fff; box-shadow: 0 3px 6px #ddd;
    opacity: 1; animation: fade 2s;}
@keyframes fade {
    0% { opacity: 0; }
    100% { opacity: 1;}
}
*/

.tracking-trigger{cursor: pointer;}
.show-tracking{z-index: 9; background: #fff; box-shadow: 0 3px 6px #ddd; padding: 2rem 0 2rem 10rem ; border-top: 1px solid #ddd;
    -webkit-animation: slide-down .5s ease-out;
    -moz-animation: slide-down .5s ease-out;}

@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-100%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-100%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}

#more{display: none}
.load-more-btn i{font-size: 0.65rem; margin-left: 0.25rem;}
.navbar-row{ /*background: #fff; */ position: sticky; z-index: 9; top:0; transition: 0.4s;}
.header-logo{padding: 0 !important}
.header-logo img{transition: 0.4s}
#navbar {
  overflow: hidden;
  padding: 0px;
  transition: 0.4s;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;

}
.box-cus{
    box-shadow: rgb(221 221 221) 0px 3px 14px !important;
}
#top-shadow{box-shadow: 0 3px 14px #ddd;}

.navbar-row .main-nav{opacity: 1; transition: 0.5s;}
.navbar-row .main-nav:hover{opacity: 1}
.navbar-row:hover{opacity: 1}

.chat-sticky-btn{position: fixed; bottom: 10px; z-index: 9999; right: 5px; transition: all .2s ease-in-out;
background: #F56000; border-radius: 250px; width: 52px; height: 52px; align-items: center; display: flex; justify-content: center;
}
.chat-sticky-btn img {
    width: 27px;
}
/*.chat-sticky-btn img{opacity: 0.7; transition: 0.5s}*/
.chat-sticky-btn:hover{transform: scale(1.1); background: #0A96D4}
/* ===============================================================  HOMEPAGE START  =================================================================== */
.header-slider{margin-top: 2rem !important}
.doodle-bg, .contact-doodle{width: 99%}
.doodle-bg{ position: absolute; top: 0px; z-index: -1;    height: 100%;}
.texture{position: absolute; top: 0; right: 0; opacity: 0.5;}
.homepage-header{height: calc(100vh - 35px);}
.feature-header-content{margin-top: 2.5rem}
.feature-details{margin-bottom: 3rem !important;}
.input-group .theme-btn{padding: 0.5rem 2rem}
.header-content h1{font-weight: 800; font-size: 4.25rem;}
.header-content p{font-weight: normal; font-size: 0.85rem; margin-top: 1rem;}
#outer {  overflow: hidden;  position: relative;margin-top: 25px;}
#outer img{ max-width: 100%;}
.video {position: relative; left: 0; top: 0; opacity: 1; height: 100%; object-fit: cover;  width: 100%;}
#mute{cursor: pointer; box-shadow: none; position: absolute; top: 38%; right: 40%; background-size: cover;}
#mute img{width: 100%;}
div#header {
    overflow: hidden;
}
.custom-control-label::before {
    left: -22px !important;
}
.FAQ-panel{ padding-bottom: 0px}
.collapsible {
    cursor: pointer; padding: 18px 0 0 5px; width: 100%; border: none; text-align: left; outline: none; font-size: 1.5rem; background: none;}
button.collapsible:focus {outline: 0}
.collapsible h3{color:#fff}

.collapsible.active h5, .collapsible:hover h5{color: #ED1D78}
.collapsible:after {font-family: "Font Awesome 5 Free"; content: "\f107"; color:#F56000 ; font-weight: 900; margin-left: 5px; font-size: 1rem; margin-top: -45px;}
.collapsible.active:after { content: "\f106";}
.content { padding: 0 18px 0 5px; max-height: 0; overflow: hidden; transition: all 0.5s ease 0s !important;}

.custom-pl-8{padding-left: 8rem}
.custom-pl-9{padding-left: 9rem}
.buy-bg-blue{background-image: url(../img/buy-bg-blue.png); background-repeat: no-repeat; background-size: cover;}
.buy-1{margin-left: -150px; margin-top: 50px;}
.buy-2{margin: -110px 0 65px 110px;}
.buy-bg-orange{background-image: url(../img/buy-bg-ORANGE.png); background-repeat: no-repeat; background-size: cover;}
.buy-3{margin-right: -150px; margin-top: 50px;}
.buy-4{margin: -110px 110px 65px 0;}
.cur-point label, .cur-point input{
    cursor: pointer;

}
.bold-t {
    font-weight: 800;
}
.sign-heading {
    font-size: 34px;
    text-align: left;
    line-height: 40px;
    text-transform: uppercase;
}
.circle-sinup p {
    line-height: 15px;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    color: #1f4b8d !important;
    margin: 15px 0px 0!important;

}
.circle-sinup {
    width: 130px;
    height: 130px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    padding: 25px 0 15px 0;
    margin-top: 40px;
    overflow: hidden;
    margin: 40px auto 0;
}
.cir-width{
    width: 460px;
    margin: 0 auto;
}
.circle-sinup img {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}
.favourties{padding-top: 5rem}
.shopping-opts{background: #F9F8F7; min-height: 312px;}
.our-fav{padding-left: 11rem; padding-top: 3rem;}
.fav-content:nth-child(2) .our-fav{padding-left: 15rem !important}
.fav-img{position: absolute; left: 13px; top: 0}

.shop-now:hover{ opacity: 0.8 }
.shop-now{position: absolute; right: 30px; bottom: 25px}
.phone-fav{padding: 1.75rem}

.mac-res-img{width: 100%; height: intrinsic;}

.contact-row{background: #fff; padding: 8rem 0}

.category{border-radius: 5px; transition: 0.5s;box-shadow: 0 0 10px 3px #efefef;}
.category:hover{background-color: #F9F8F7;}
.categories-2{margin-top: 3rem}

.slick-slide {margin: 0px 20px;}
.slick-slider{
    position: relative; display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{ outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track .slide-content a:focus{
    border: 0;
    outline: none;
}
.slick-track .slide-content a:hover{
    text-decoration: none;
}
.slick-track{position: relative; top: 0; left: 0; display: block;padding-top: 15px;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{width: 100%; height: intrinsic;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}

/*.slide-content{padding: 2rem; box-shadow: 0 3px 14px #ddd; border-radius: 15px; margin: 1rem 0; background: #fff;}*/
.slick-btn{background: none; border: none; color: #F56000}
.slick-btn.slick-next{position: absolute; right: 10px; top: 45%;z-index: 9;}
.slick-btn.slick-prev{position: absolute; left: 10px; top: 45%;z-index: 9;}

.online-shopping{background: #F3F4F6; padding: 5rem 0; margin-top: 10rem !important;}
.online-shopping-feature h5{font-size: 1.25rem;}
.online-shopping-feature:hover img{filter: invert(1);}

.zoom{transition: transform .5s;}
.zoom:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05); 
  transform: scale(1.05); 
}

.contact{position: relative; z-index: 1}
.contact-doodle{position:absolute; top: 0;    height: 100%;}
.container-fluid {
    padding-left: 60px !important;
    padding-right: 60px !important;
}
@media (max-width:991px){
    .container-fluid {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

.main-nav .nav-link {
    border-bottom: 2px solid transparent;
}
/* ===============================================================  HOMEPAGE END  ================================================================ */

/* ===============================================================  LOGIN START  =================================================================== */

.fa-eye{content: url(../img/eye-close.png);}
.fa-eye-slash{content: url(../img/eye.png);}
.heart {animation: beat 2.5s infinite alternate;}
@keyframes beat{
    to { transform: scale(1.02); }
}
.banner-section .patern-layer-three {position: absolute; left: 0px; top: 30px; width: 30%; height: 100vh;
    background-position: left top; background-repeat: no-repeat;}
.login .doodle-bg{height: 99vh}
.login-bg{position: absolute; object-fit: cover; width: 60%; height: 100%; margin-left: 20%; z-index: -2; top:0}
.login-img-1{position: absolute; left: 50px; bottom: 150px}
.login-img-2{position: absolute; right: 50px; top: 150px}
.login-form{max-width: 500px; margin-top: 3rem}
.form h3{color: #18578C; font-weight: 600}
.form input, .form textarea{padding: 1.5rem 1.2rem; font-size: 0.85rem; background: #fff !important}

.form label{font-size: 1.0rem; font-weight: 400; padding: 0 0.5rem;    line-height: 20px; margin: 0px 0 -9px 14px; background: #fff; z-index: 1;    color: #656565;}
.form .md-outline input{padding: 1.3rem 1.2rem 1.3rem 1.2rem !important; border-radius: 10px}
input[type=text].form-control.valid + label:after,
input[type=text].form-control:focus.valid + label:after,
input[type=text].form-control.invalid + label:after,
input[type=text].form-control:focus.invalid + label:after,
input[type=password].form-control.valid + label:after,
input[type=password].form-control:focus.valid + label:after,
input[type=password].form-control.invalid + label:after,
input[type=password].form-control:focus.invalid + label:after {
  top: 3.75rem !important;
}
.row {
    width: 100%;
}
/*.login-form.form form {
    padding: 0 !important;
}*/
img.doodle-bg.map-pic {
    top: 110px;
    left: -300px;
    opacity: 0.2;
    transform: rotate(25deg);
}
.signup-logo{
    /* margin-left: 150px; */
}
ul.list-inline.cus-card li img {
    width: 50px;
    height: 30px;
}
ul.list-inline.cus-card li a {
    opacity: 1;
}
ul.list-inline.cus-card {
    margin: 0;
    margin-top: 14px;
    float: left;
}
span.field-icon {
  position: absolute;
  display: inline-block;
  cursor: pointer;
  right: 1rem;
  top: 1rem;
  /* color: $input-label-color; */
  z-index: 2; opacity: 0.5;
}

.forgot-password{font-size: 0.85rem; font-weight: 800; color: #495160;}

.login-footer a{color: #243141}
/* ===============================================================  LOGIN END  ================================================================ */


/* ===============================================================  SIGNUP START  =================================================================== */
input.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgb(202, 202, 202);
    opacity: 1; /* Firefox */
  }
  
  input.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgb(202, 202, 202);
  }
  
  input.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: rgb(202, 202, 202);
  }
.signup .banner-section .patern-layer-three{top: 0 !important}
.signup .navbar-brand{background: #fff;    margin-left: -35px;    padding-left: 5rem !important;}
.signup-content-row .signup-form-content{width: 100%; max-height: 100vh; overflow-y: scroll; z-index: 98; padding-left: 5rem; padding-top: 3rem;}
.signup-content-row .signup-content{position: absolute; top: 0; right: 0; height: 100vh; z-index: 999}
.form select{padding: 0.75rem 1rem 0.75rem 1rem; height: 48px; border: 1px solid #ddd; font-size: 0.80rem;}
.signup .doodle-bg{height: 100vh}
.signup .main-nav{background: none; opacity: 1}
.signup-page{height: 100vh; }
.signup-content-row{position: absolute !important; top: 0; height: 100%; padding: 0}

.signup-bg{position: absolute; top: 0; right: 0; height: 100vh; z-index: -9; width: 42%;}
/*.signup .home-footer-links a{color: #fff; opacity: 0.5; border-color: #fff}*/

.signup-content{padding: 6rem 0 0 12rem; color: #fff; 
    background-image: url(../img/sign-up-bg.svg); background-repeat: no-repeat; background-position: left; background-size: 100%;}
.signup-feature img{background: rgba(255,255,255, 0.2); padding: 0px 20px; border-radius: 32px;    width: 64px;
    height: 64px;}
.signup-feature:hover img{background: rgba(245,96,0, 1); transition: 0.5s}
.signup-feature:hover p{ transition: 0.5s; cursor: pointer}
.signup-content h3{color: #fff; font-weight: 600}
.signup-form{z-index: 1}
.signup-form form{max-width: 350px;}
.signup-content p{color: #fff}

/* ===============================================================  SIGNUP END  ================================================================ */
.custom-control-label::after {
    left: -22px;
}
.home-footer{background: linear-gradient(142deg, #0a2a7f 0%, #0784ee 75%);
    padding-left: 75px !important;
    padding-right: 75px !important;
}
.footer-top-row{border-bottom: 1px solid #4397de}
.scroll-top a{color: white; font-size: 18px}
.scroll-top a:hover{text-decoration: none}
.scroll-top a i{border-radius: 150px; border: 2px solid white; width: 38px; height: 38px; align-items: center; display: flex; justify-content: center;}
.scroll-top a:hover i{background: #F56000; transition: 0.4s}
.social-ic{z-index: 9}
.social-ic a i{color: white; font-size: 1.5rem;}
.social-ic a:hover i{color: #fe893c; font-size: 1.5rem;}
.footer-texture{position: absolute; bottom: 0; left: 0; width: 100%}
.term-clr a {
    text-decoration: none;
    color: white;
    opacity: 0.7;
}
.term-clr a:hover {
    text-decoration: none;
    color: #fe893c;
    opacity: 1;
}
.nav-overlay{top: 0}
.bg-cold-s {
    background-color: #fff!important;
    z-index: 9;
    position: relative;
}
.scroll-top{margin-left: 250px;    margin-top: 20px;}
.footer-menu{ padding: 5rem 0; z-index: 999}
.home-footer p{color: #fff !important; font-size: 18px;    width: 100%;
    float: left;}
.home-footer p.heading{font-weight: 500}
.home-footer p:not(.heading){opacity: 1}
.footer-menu p a {
    color: white;
    float: left;
    opacity: 0.7;
    margin-bottom: 12px;
}
.footer-menu p a:hover {
    color: #fe8b3d;
    text-decoration: none;
    opacity: 1;
}
.footer-menu p a:hover::after {
    width: 100%;
}

.footer-menu p a::after {
    content: '';
    height: 1px;
    width: 0;
    border-radius: 25px;
    display: block;
    position: relative;
    left: 0;
    bottom: 3px;
    transition: all .4s ease;
    background-color: #fe8b3d;
}
img.login-dod {
    margin-top: 20px !important;
    height: 95vh !important;
}
@media (min-width:768px) and (max-width:1024px){
    img.login-dod {
    margin-top: -240px !important;
  
}
   
    .signup-bg{width: 35%;}
    .signup .home-footer-links a{color: #000}
    .doodle-bg, .contact-doodle{width: 100%}
    #outer{width: 325px; height: 325px;}
    #mute{top: 35%; right: 35%;}
    .buy-options img{margin: 0; width: 100%}
    .fav-img-bg{width: 95%; height: fit-content;}
    .custom-pl-9{padding-left: 3rem}
    .category img{width: 100%; height: intrinsic !important;}
    #outer img{width: 100%; height: intrinsic !important;}
    .fav-img{width: 50%}
    .fav-content:nth-child(2){margin-top: 0rem !important}
    .fav-content:nth-child(2) .our-fav{padding-left: 12rem !important}
    .signup-content-row signup-form-content{padding-left: 0}
    .signup-content{padding-left: 7rem}
    
    .login-form{padding: 0 !important}
    .signup-content-row .signup-form-content{padding-left: 3rem}
 
}

@media (width:768px){
    br{display: none;}
    .feature-header-tab-fix{height: 400px}
    .doodle-bg, .contact-doodle{width: 100%}
    .signup-content, .signup-bg{display: none !important}
    .recommended-badge{width: 50%;}
    .blog-link .card-footer .d-flex{flex-direction: column}
    #outer img{width: 100%; height: intrinsic !important;}
    .signup-content-row{position: relative}
    .signup .login-footer{max-width: 100% !important}
}

@media (max-width:615px){
    br{display: none;}
    h1{font-size: 2rem}
    .header-content h1{font-size: 2.15rem; margin-top: 0rem}
    .container{max-width: 100%; padding: 1rem !important;}
    .section-1-content {margin-top: 100px !important;}
    .homepage-header{height: auto;}
    .doodle-bg, .contact-doodle{width: 98%; object-fit: cover;}
    #outer img{width: 100%; height: intrinsic !important;}
    #outer{width: 340px; height: 340px;}
    #mute{top: 35%; right: 35%;}
    .buy-options img{margin: 0; width: 100%}
    .custom-pl-9{padding-left: 0}
    .buy-bg-orange{order: 12}
    .buy-options{text-align: center}
    .feature-details{margin-top: 0 !important}
    .feature-header-content{order: 12; padding-left: 2rem; padding-right: 2rem}
 
    .collapsible{padding:0 !important;}
    .faqs .FAQ-panel h5{max-width: 95%;}
    .favouries{margin-top: 0}
    .fav-img{width: 50%}
    .fav-content:nth-child(2){margin-top: 2rem !important}
    .fav-content:nth-child(2) .our-fav{padding-left: 12rem !important}
    .phone-fav{margin-top: 2rem}
    .navbar-collapse .navbar-nav{text-align: center}
    .recommended-cat-row{position: relative !important; top: unset !important}
    .categories-1{margin-top: 2rem}
    .online-shopping{margin-top: 0 !important}
    .contact-row{padding: 2rem 0}
    
    .signup-content-row{position: relative; padding: 0}
    .signup-content{display: none}
    .signup-content-row signup-form-content{padding-left: 0}
    .login-footer{max-width: 100% !important}
    
    .navbar-collapse{background: white; padding: 0; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 10px 20px #ccc;}
    .navbar-collapse .d-flex.w-auto{flex-direction: column; text-align: center; margin: 20px;}
    
    .footer-top-row{flex-direction: column; text-align: center;}
    .footer-top-row > div{margin: 1.5rem 0}
    .app-link{justify-content: center;}
    
    .signup-content-row .signup-form-content{padding-left: 2rem}
    
    .scroll-top{display: flex; justify-content: center; margin-left: 0}
    
    .download-app{max-width: 145px !important}
    
       
}


/*Desktop PC*/
@media (min-height:992px){
   
   
    .features-sec2-texture{top: -60px}
    .contact-form{margin-top: 18vh;}
  
}


@media (min-height:600px) and (max-height:700px) and (orientation: landscape){
    .signup-form form{padding-top: 0 !important}
    .signup-form .form button{margin-top: 0 !important}
}

@media (max-width:1365px) and (min-width:1280px){
    .signup .login-footer{max-width: 47% !important}
}
@media (max-width:1440px) and (min-width:1366px){
    .signup .login-footer{max-width: 47% !important}
}

@media (min-width:1920px){
    .login-form{max-width: 730px !important}
}

@media (max-width:1920px) and (min-width:1441px){
    .signup .login-footer{max-width: 47% !important}
    
}

@media (min-width:2560px){
   
    .signup-content-row signup-form-content{padding-left: 22rem}
    .login-form{max-width: 730px !important}
    .signup-form .signup-form-content{flex: 0 0 70%; max-width: 70%;}
    .signup-form .signup-content{flex: 0 0 30%; max-width: 30%;}
    .homepage-header .header-image img{width: 100% !important}
    .signup .login-footer{max-width: 21%}
    
}

@media (min-width:2560px) and (min-height:769px){

    .signup-content-row .signup-form-content{padding-left: 15rem}
}

/* Only for Jamaica */
@media (min-width:2010px) and (max-width:2222px){
    .signup-content{width: 56% !important; padding: 10rem 0 0 20rem !important}
}


/* Landscape Mobile */

@media (max-height:550px){
    .header-content h1{font-size: 2.15rem; margin-top: 0rem}
    .doodle-bg, .contact-doodle{width: 98%; object-fit: cover; height: 100% !important}
   #outer{width: 340px; height: 340px;}
    .category img{width: 100%; height: intrinsic !important;}
    #outer img{width: 100%; height: intrinsic !important;}
    .fav-img{width: 50%}
    .fav-content:nth-child(2){margin-top: 2rem !important}
    .fav-content:nth-child(2) .our-fav{padding-left: 12rem !important}
    .shop-now{bottom: 80px;}
    .recommended-cat-row{position: relative !important; top: unset !important}
    .signup-content{display: none}
    .login-form{max-width: 600px !important}
    .feature-details{margin-top: 0 !important}    
    .navbar-collapse{background: white; padding: 0; border: 1px solid #ddd; border-radius: 10px; box-shadow: 0 10px 20px #ccc;}
    .navbar-collapse .d-flex.w-auto{flex-direction: column; text-align: center; margin: 20px;}
    .navbar-nav{text-align: center}
}

@media (min-width:1024px){
    .signup-content{width: 52%;}

}
@media (min-width:1200px) and (max-width:1440px){
    .signup-content{width: 44%;}
    .signup-content {
        padding: 6rem 0 0 5rem;
    }
}
/* custom media query */
@media (min-width:1200px) and (max-width:1440px){
    .header-content h1 {
        font-size: 3.25rem;
        margin-top: 100px;
    }

}
@media (min-width:1200px) and (max-width:1360px){
    .signup-content {
        width: 35%;
    }
    .signup-content {
        padding: 3rem 0 0 7rem;
        background-position: left;
    }
    .sign-heading {
        font-size: 27px;
        text-align: center;
        line-height: 25px;
    }
    .star-line > img {
        top: -15px;
    }

}

@media (min-width:992px) and (max-width:1199px){
    .header-content h1 {
        font-size: 2.25rem;
        margin-top: 35px;
    }
    .scroll-top {
        margin-left: 30px;
        margin-top: 15px;
    }
    .soical-icon a{
        margin-left: 0 !important;
    }
 
    .signup-content {
        width: 40%;
    }
    .signup-content {
        padding: 3rem 0 0 7rem;
        background-position: left;
    }
    .sign-heading {
        font-size: 25px;
        text-align: center;
        line-height: 25px;
    }
    .signup-content-row .signup-form-content form {
        max-width: 575px !important;
    }
  
    .star-line > img {
        top: -11px;
    }
    
}

@media (min-width:768px) and (max-width:991px){
    .footer-top-row {
        flex-direction: column;
        text-align: center;
    }
    .d-flex.app-link {
        justify-content: center;
    }
    .footer-top-row div{
        margin-bottom: 20px;
    }
    .soical-icon a{
        margin-left: 0 !important;
    }
    .footer-menu p a {
        font-size: 11px;
    }
    .home-footer p {
        font-size: 16px;
    }
    .signup-logo {
        margin: 0 auto !important;
    }
    .chat-sticky-btn {
        right: 15px;
    }
    .signup-content {
        display: none;
    }
    form.login-form.form {
        max-width: 100% !important;
    }
    footer.position-relative.login-footer {
        max-width: 100% !important;
    }
    .theme-btn {
        width: 96%;
    }  
    .star-line > img {
        top: -11px;
    }
}
@media (min-width:576px) and (max-width:767px){
    .footer-top-row {
        flex-direction: column;
        text-align: center;
    }
    .d-flex.app-link {
        justify-content: center;
    }
    .footer-top-row div{
        margin-bottom: 20px;
    }
    .footer-menu p a {
        font-size: 11px;
    }
    .home-footer p {
        font-size: 16px;
    }
    .login-form {
        padding: 30px 0 !important;
        max-width: 500px !important;
    }
    .signup-content-row {
        position: relative !important;
    }
    .chat-sticky-btn {
        right: 15px;
    }
    .signup-content {
        display: none;
    }
    .signup-content-row .signup-form-content {
        padding-left: 15px;
        padding-top: 15px;
    }
    .login-form {
        max-width: 100% !important;
    }
    .theme-btn {
        width: 96%;
    }  
    footer.position-relative.login-footer.pb-md-5 {
        max-width: 100% !important;
    }
    .star-line > img {
        top: -7px;
    }
    .home-footer {
        padding-left: 0!important;
        padding-right: 0!important;
    }

}
@media (min-width:320px) and (max-width:575px){
       img.login-dod {
    margin-top: 0px !important;
  
}
    .footer-menu p a {
        font-size: 11px;
    }
    .home-footer p {
        font-size: 16px;
    }
    h1 {
        font-size: 1.5rem;
    }
    .navbar-row .main-nav:hover {
        opacity: 1;
    }
    .main-nav button {
        margin: 0 !important;
    }    
    #outer {
        width: 100%;
        height: 340px;
    }
    .header-content h1 {
        font-size: 1.7rem;
    }
    .feature-header-content {
        padding-bottom: 25px;
    }
    .fav-img {
        width: 39%;
    }
    .our-fav {
        padding-left: 8rem;
        padding-top: 2rem;
    }
    .fav-content:nth-child(2) .our-fav {
        padding-left: 8rem !important;
    }
    .signup-content-row .signup-form-content {
        padding-top: 5rem;
    }
    .main-nav .header-logo {
        height: 65px;
        margin: 0 auto !important;
    }
    .theme-btn {
        width: 96%;
    }   
    button.btn.theme-btn.my-4.ml-2.mr-2.btn-block.form-btn {
        margin: 0 !important;
    } 
    .chat-sticky-btn {
        right: 15px;
    }
    .signup-content {
        display: none;
    }
    .signup-content-row .signup-form-content {
        padding-left: 15px;
        padding-top: 15px;
    }
    .login-form {
        max-width: 100% !important;
    }
    footer.position-relative.login-footer.pb-md-5 {
        max-width: 100% !important;
    }
    a.navbar-brand.header-logo img {
        width: 150px !important;
    }
    .container.position-relative.login-form.form {
        padding-top: 40px!important;
    }
    .star-line > img {
        top: -4px;
    }
    .home-footer {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    
}



input:-moz-autofill,
input:-moz-autofill:hover, 
input:-moz-autofill:focus, 
input:-moz-autofill:active,
input:-moz-autofill-preview 
{

    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{

    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
INPUT:-webkit-autofill, SELECT:-webkit-autofill, TEXTAREA:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
#login-btn {
    padding: 13.6px 40px!important;
}
.scroll-top:hover svg circle,.scroll-top:hover svg > path {
    fill: #fd8238 !important;
}
.scroll-top svg:hover circle,.scroll-top svg:hover > path {
    fill: #fd8238 !important;
}
.forgot-password:hover {
    text-decoration:none;
    color:#495160;
}
.scroll-top #myBtn {
    color: white;
    font-size: 18px;
    font-style: inherit;
}
.scroll-top #myBtn:hover i {
    background: #F56000;
    transition: 0.4s;
}

.scroll-top #myBtn i {
    border-radius: 150px;
    border: 2px solid white;
    width: 38px;
    height: 38px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.welcome-b {
    margin-bottom: 10px;
}
.custom-control-label::before {
    top: 5.5px!important;
}
.form-padi{
    padding-bottom: 0px!important;

    padding-top: 25px !important;

}
.signup-content-row .signup-content {
    position: absolute;
    top: 0;
    left: 0 !important;
    height: 100vh;
    z-index: 999;
        padding: 6rem 0 0 8rem!important;
}
.signup-content-row .signup-form-content {
    width: 100%;
    max-height: 100vh;
    overflow-y: scroll;
    z-index: 98;
    padding-left: 0rem!important;
    padding-top: 0rem!important;
        padding-right: 11rem!important;
}
.signup-content {

    background-image: url(../img/sign-up-bg2.png) !important;
    }
p.theme-black-text.copy-r {
    font-size: 14px;
}
.signup .navbar-brand {
    margin-left: 0 !important;
    padding-left: 0rem !important;
}
.sgin-ups {
    margin-top: 0 !important;
}
.sgin-ups img {
    margin-top: -60px;
        margin-bottom: -65px;
}
img.globe {
    width: auto!important;
    height: 170px;

    bottom: 30px!important;
    left: 0!important;

    }
    .sign-heading.aos-init.aos-animate {
    text-align: left;
}
.signup-content-row .signup-content {
    background-size: 100% 100%;
}

.cus-t label {
    margin-left: 5px;
}
.cus-t label::before {
       left: -12px !important;
}
.chat-sticky-btn {
    position: fixed;
    bottom: 25px!important;
    right: 25px!important;
    }

.sign-heading {
    font-size: 34px;
    text-align: left;
    line-height: 40px;
    text-transform: capitalize!important;
    font-weight: 600!important;
}


::-webkit-input-placeholder { /* Edge */
  color: #757575!important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #757575!important;
}

::placeholder {
  color: #757575!important;
}
.cur-point label {
    font-size: 13px!important;
    font-weight: 400!important;
    color: #3a3a3a!important;
}
.cur-point {
    min-height: 45px !important;
}
input#txtPhone {
    width: 320px;
    padding-left: 50px !important;
}
.custom-im {
    padding-top: 11px;
    position: relative;
    z-index: 9;
}
.custom-im input {
    margin-bottom: 0 !important;
}
.style-mob{
width: 112px !important;
    margin-top: 11px;
}
.style-mob label {
    position: absolute !important;
    top: -11px;
}
.sign-heading {
    margin-left: -2px;

}
.show-tracking {
    padding: 2rem 0 2rem 10rem!important;
    }
    button.btn.theme-btn.m-0.register-btn.me-3.ripple-surface {
    padding-top: 19px;
}

button.theme-btn.m-0.px-0.cart-btn.rig-imgs {
    padding-top: 18px;
}
    button.btn.theme-btn.m-0.register-btn.me-3.ripple-surface:focus{
        box-shadow: none !important; 
    }
button.btn.theme-btn.my-4.btn-block.form-btn.ripple-surface {
    width: 90%;
}
.cus-t .custom-control-label::after {
    left: -12px;
}
.sgin-ups img {
    margin-left: auto;
    margin-right: auto;
}
.sgin-ups input,.sgin-ups select, .sgin-ups textarea,
.login-form input,.login-form  select, .login-form  textarea{
    color:black !important;
}
.form h3 {
    color: #213e81!important;
}
.mar-40{
    margin-top:40px !important;
}
.blue-lit-b{
     color: #0B93D1 !important;
}
.signup-content .signup-feature {
    padding-left: 11rem!important;
}
/*form.sgin-ups {
    width: 42%!important;
}*/

@media (max-width: 1920px) and (min-width: 1441px){
.signup .login-footer {
    max-width: 40% !important;
    text-align: center;
}
}

@media (min-width: 1024px){
.signup-content {
    width: 48%!important;
}
.login-form {
    max-width: 500px!important;

}
}
@media (min-width:1200px) and (max-width:1440px){
    form.text-center.p-sm-5.pb-sm-0.login-form.form.ml-auto {
    width: 580px;
}
.signup-content-row .signup-content {
    width: 620px!important;
}
form.sgin-ups {
    width: 545px!important;
}
img.globe {
    left: 0!important;
}
.signup-content-row .signup-form-content {

    padding-right: 3.5rem!important;
}
}
@media (min-width:992px) and (max-width:1199px){
.signup-content-row .signup-content {
    width: 520px!important;
    padding-left: 50px !important;
    padding-top: 45px !important;
    background-size: 100% 100%;
}
form.sgin-ups {
    width: 420px!important;
}
img.globe {
    left: 0!important;
}
.signup-content-row .signup-form-content {

    padding-right: 2.5rem!important;
}
.sign-heading {
    font-size: 25px !important;
    }
 img.globe{
    height: 130px;
 }
}


@media (min-width:768px) and (max-width:991px){
.sgin-ups img {
    margin-top: -60px;
    margin: -60px auto 0;
}
.signup-content-row .signup-form-content {
    padding-left: 4rem!important;
    padding-right: 4rem!important;
}
.serch-cus button {
    width: auto;
    font-size: 15px;
    padding: 7px 35px !important;
}
.main-nav {
    background-color: transparent;
}
}
@media (min-width:576px) and (max-width:767px){
.sgin-ups img {
    margin-top: -60px;
    margin: -60px auto 0;
}
.signup-content-row .signup-form-content {
    padding-left: 4rem!important;
    padding-right: 4rem!important;
}
.cur-point {
    min-height: 65px !important;
}
a.navbar-brand.header-logo.signup-logo {
    margin-top: 25px;
}
.show-tracking {
    padding: 2rem 0 2rem 0rem!important;
}
.serch-cus button {
    width: auto;
    font-size: 15px;
    padding: 7px 35px !important;
}
#outer {
    width: 340px;
    height: 340px;
    margin: 0 auto;
}
.header-content h1 {
    font-size: 2.15rem;
    margin-top: 0rem;
}
.footer-menu {
    padding: 3rem 15px;
    z-index: 999;
}
.main-nav {
    background-color: transparent;
}
}
@media (min-width:320px) and (max-width:575px){
#login-btn.btn-cus-login {
    font-size: 12px !important;
    padding: 10px 5px !important;
    margin-top: 15px !important;
    margin-left: 30px !important;
}
.copy-r {
    font-size: 14px;
}
.section-1-content {
    padding-bottom: 20px!important;
}
.serch-cus button {
    width: auto;
    font-size: 15px;
    padding: 7px 35px !important;
}
.sgin-ups img {
    margin-top: -60px;
    margin: -60px auto 0;
}
.signup-content-row .signup-form-content {
    padding-left: 1rem!important;
    padding-right: 1rem!important;
}
.cur-point {
    min-height: 65px !important;
}
a.navbar-brand.header-logo.signup-logo {
    margin-top: 25px;
}
.show-tracking {
    padding: 2rem 0 2rem 0rem!important;
}
#outer {
    width: 300px;
    height: 300px;
    margin: 0 auto;
}
.main-nav {
    background-color: transparent;
}
}

.signup-loggedin
{    align-items: center;
    text-align: center;
}
.signup-loggedin-btn
    {
padding: 8px 40px!important;

    }

.signup-loggedin-btn{background: linear-gradient(142deg, rgba(10,150,212,1) 0%, rgb(37 50 117) 75%); transition: 0.5s; box-shadow: none}
@media (min-width:320px) and (max-width:767px){
.custom-im{
    width: 100%;
}
}
@media (min-width:768px) and (max-width:992px){
.signup-form-content #signup_form_form{
    max-width: 100%!important;
}
}
@media (min-width:992px) and (max-width:1099px){
.sign-heading {
    margin-left: 70px;
}
}
@media (min-width:1100px) and (max-width:1199px){
.signup-content-row .signup-content {
    width: 600px!important;
}
.sign-heading {
    margin-left: 70px;
}
}

@media (min-width:1200px) and (max-width:1366px){
.sign-heading{
    font-size: 28px;
    margin-left: 35px;
}
}
@media (min-width:1300px) and (max-width:1400px){
.signup-content-row .signup-content {
    width: 680px!important;
}
}
@media (min-width:1000px) and (max-width:1014px){
.signup-content-row .signup-form-content{
    padding-right: 3rem!important;
}
}
@media (min-width:1015px) and (max-width:1029px){
.signup-content-row .signup-form-content{
    padding-right: 3.5rem!important;
}
}
@media (min-width:1030px) and (max-width:1049px){
.signup-content-row .signup-form-content{
    padding-right: 4rem!important;
}
}
@media (min-width:1050px) and (max-width:1064px){
.signup-content-row .signup-form-content{
    padding-right: 4.5rem!important;
}
}
@media (min-width:1065px) and (max-width:1079px){
.signup-content-row .signup-form-content{
    padding-right: 5rem!important;
}
}
@media (min-width:1080px) and (max-width:1099px){
.signup-content-row .signup-form-content{
    padding-right: 5.5rem!important;
}
}
@media (min-width:1100px) and (max-width:1109px){
.signup-content-row .signup-form-content{
    padding-right: 3.8rem!important;
}
}
@media (min-width:1110px) and (max-width:1119px){
.signup-content-row .signup-form-content{
    padding-right: 4rem!important;
}
}
@media (min-width:1120px) and (max-width:1139px){
.signup-content-row .signup-form-content{
    padding-right: 4.5rem!important;
}
}
@media (min-width:1140px) and (max-width:1149px){
.signup-content-row .signup-form-content{
    padding-right: 5rem!important;
}
}
@media (min-width:1150px) and (max-width:1169px){
.signup-content-row .signup-form-content{
    padding-right: 5.5rem!important;
}
}
@media (min-width:1170px) and (max-width:1184px){
.signup-content-row .signup-form-content{
    padding-right: 6rem!important;
}
}
@media (min-width:1185px) and (max-width:1199px){
.signup-content-row .signup-form-content{
    padding-right: 6.6rem!important;
}
}
@media (min-width:1200px) and (max-width:1210px){
.signup-content-row .signup-form-content{
    padding-right: 2.4rem!important;
}
}
@media (min-width:1211px) and (max-width:1219px){
.signup-content-row .signup-form-content{
    padding-right: 2.6rem!important;
}
}
@media (min-width:1220px) and (max-width:1234px){
.signup-content-row .signup-form-content{
    padding-right: 3rem!important;
}
}
@media (min-width:1235px) and (max-width:1249px){
.signup-content-row .signup-form-content{
    padding-right: 3.5rem!important;
}
}
@media (min-width:1250px) and (max-width:1259px){
.signup-content-row .signup-form-content{
    padding-right: 3.8rem!important;
}
}
@media (min-width:1260px) and (max-width:1269px){
.signup-content-row .signup-form-content{
    padding-right: 4.2rem!important;
}
}
@media (min-width:1270px) and (max-width:1279px){
.signup-content-row .signup-form-content{
    padding-right: 4.5rem!important;
}
}
@media (min-width:1280px) and (max-width:1299px){
.signup-content-row .signup-form-content{
    padding-right: 5rem!important;
}
}
@media (min-width:1300px) and (max-width:1319px){
.signup-content-row .signup-form-content{
    padding-right: 4rem!important;
}
}
@media (min-width:1320px) and (max-width:1334px){
.signup-content-row .signup-form-content{
    padding-right: 4.5rem!important;
}
}
@media (min-width:1335px) and (max-width:1349px){
.signup-content-row .signup-form-content{
    padding-right: 5rem!important;
}
}
@media (min-width:1350px) and (max-width:1364px){
.signup-content-row .signup-form-content{
    padding-right: 5.5rem!important;
}
}
@media (min-width:1365px) and (max-width:1379px){
.signup-content-row .signup-form-content{
    padding-right: 7rem!important;
}
}

@media (min-width:1380px) and (max-width:1420px){
.signup-content-row .signup-form-content{
    padding-right: 7.5rem!important;
}
}
@media (min-width:1421px) and (max-width:1430px){
.signup-content-row .signup-form-content{
    padding-right: 8rem!important;
}
}
@media (min-width:1431px) and (max-width:1440px){
   .signup-content-row .signup-form-content{
    padding-right: 8.5rem!important;
} 
}
@media (min-width:1401px) and (max-width:1440px){
.signup-content-row .signup-content {
    width: 700px!important;
}
}
@media (min-width:1441px) and (max-width:1459px){
.signup-content-row .signup-form-content{
    padding-right: 7rem!important;
}
}
@media (min-width:1460px) and (max-width:1489px){
.signup-content-row .signup-form-content{
    padding-right: 7.5rem!important;
}
}
@media (min-width:1490px) and (max-width:1519px){
.signup-content-row .signup-form-content{
    padding-right: 8rem!important;
}
}
@media (min-width:1520px) and (max-width:1550px){
.signup-content-row .signup-form-content{
    padding-right: 8.5rem!important;
}
}
@media (min-width:1551px) and (max-width:1570px){
.signup-content-row .signup-form-content{
    padding-right: 9rem!important;
}
}
@media (min-width:1630px) and (max-width:1700px){
.signup-content-row .signup-form-content{
    padding-right: 12rem!important;
}
}
@media (min-width:1700px) and (max-width:1725px){
.signup-content-row .signup-form-content{
    padding-right: 12.5rem!important;
}
}
@media (min-width:1726px) and (max-width:1749px){
.signup-content-row .signup-form-content{
    padding-right: 13rem!important;
}
}
@media (min-width:1750px) and (max-width:1775px){
.signup-content-row .signup-form-content{
    padding-right: 13.5rem!important;
}
}
@media (min-width:1776px) and (max-width:1799px){
.signup-content-row .signup-form-content{
    padding-right: 14rem!important;
}
}
@media (min-width:1800px) and (max-width:1849px){
.signup-content-row .signup-form-content{
    padding-right: 14.5rem!important;
}
}
@media (min-width:1850px) and (max-width:1899px){
.signup-content-row .signup-form-content{
    padding-right: 14.5rem!important;
}
}
@media (min-width:1900px) and (max-width:1949px){
.signup-content-row .signup-form-content{
    padding-right: 16rem!important;
}
}
@media (min-width:1950px) and (max-width:1999px){
.signup-content-row .signup-form-content{
    padding-right: 16rem!important;
}
}
@media (min-width:2000px) and (max-width:2049px){
.signup-content-row .signup-form-content{
    padding-right: 17rem!important;
}
}
@media (min-width:2050px) and (max-width:2099px){
.signup-content-row .signup-form-content{
    padding-right: 18rem!important;
}
}
@media (min-width:2100px) and (max-width:2149px){
.signup-content-row .signup-form-content{
    padding-right: 19rem!important;
}
}
@media (min-width:2150px) and (max-width:2199px){
.signup-content-row .signup-form-content{
    padding-right: 20rem!important;
}
}
@media (min-width:2200px) and (max-width:2299px){
.signup-content-row .signup-form-content{
    padding-right: 22rem!important;
}
}
@media (min-width:2300px) and (max-width:2449px){
.signup-content-row .signup-form-content{
    padding-right: 23rem!important;
}
}
@media (min-width:2350px) and (max-width:2459px){
.signup-content-row .signup-form-content{
    padding-right: 23.5rem!important;
}
}
@media (min-width:2360px) and (max-width:2469px){
.signup-content-row .signup-form-content{
    padding-right: 22rem!important;
}
}
@media (min-width:2370px) and (max-width:2400px){
.signup-content-row .signup-form-content{
    padding-right: 23.5rem!important;
}
}
@media (min-width:992px) and (max-width:1099px){
.signup-content .signup-feature {
    padding-left: 13.6rem!important;
}
.sign-heading {
    margin-left: -20px;
}
.signup-feature img{
	width: 55px;
    height: 55px;
}
.signup-content-row .signup-content {
    padding-top: 95px !important;
}
.signup-feature p {
    font-size: 14px;
}
}
@media (min-width:1100px) and (max-width:1199px){
.signup-content .signup-feature {
    padding-left: 14.8rem!important;
}
.sign-heading {
    margin-left: 10px;
}
}
@media (min-width:1200px) and (max-width:1299px){
.signup-content .signup-feature {
    padding-left: 11.5rem!important;
}
.sign-heading {
    margin-left: -80px;
}
}
@media (min-width:1300px) and (max-width:1366px){
.signup-content .signup-feature {
    padding-left: 14rem!important;
}
.sign-heading {
    margin-left: -40px;
}
}
@media (min-width:1367px) and (max-width:1399px){
.signup-content .signup-feature {
    padding-left: 12.8rem!important;
}
.sign-heading {
    font-size: 28px;
}
.sign-heading {
    margin-left: -60px;
}
}
@media (min-width:1400px) and (max-width:1499px){
.signup-content .signup-feature {
    padding-left: 14rem!important;
}
.sign-heading {
    font-size: 28px;
}
.sign-heading {
    margin-left: -40px;
}
}
@media (min-width:1500px) and (max-width:1599px){
.signup-content .signup-feature {
    padding-left: 16.5rem!important;
}
.sign-heading {
    font-size: 30px;
}
.sign-heading {
    margin-left: -25px;
}
}
@media (min-width:1600px) and (max-width:2400px){
.signup-content .signup-feature {
    padding-left: 18rem!important;
}
.sign-heading {
    font-size: 30px;
}
}
@media (min-width:320px) and (max-width:575px){
.call-icon img {
    width: 38px;
}
.main-nav.nav-mob-cus .container .row{
    align-items: center;
}
.main-nav.nav-mob-cus .container{
    padding-top: 0px!important;
    padding-right: 0px!important;
}
a.navbar-brand.header-logo.signup-logo {
    margin-right: 0px!important;
}
.nav-mob-cus .call-col{
    padding-right: 5px!important;
}
}
@media (min-width:576px) and (max-width:767px){

.main-nav.nav-mob-cus .container .row{
    align-items: center;
}

a.navbar-brand.header-logo.signup-logo {
    margin-right: 0px!important;
}
.nav-mob-cus .call-col{
    padding-right: 0px!important;
}
}
@media (min-width:320px) and (max-width:767px){
.mobi-cus-sign{
    padding-right: 8px!important;
}
.login #navbar{
    position: absolute!important;
    top: 0px!important;
}
.doodle-bg.login-dod{
	display: none;
}
}

input#txtPhone{
    padding-right: 0px!important;
        border-radius: 10px;
}
.login-form form .btn-block.form-btn:hover,.register_btn.btn-block.form-btn:hover{
background: #0B93D1;
}