header{
  position:relative;
  width:100%;
  background: #ffffff;
}
/*.show-m{ display: none; }*/
@media only screen and (max-width: 767px){
    .show-m{ display: inline-block; }
    .language .btn{font-size: 14px;}
    }
    .h-search input#btnProductSearch {
    position: relative;
}
.header-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 0;
}
.avrightcol-head {
  margin-left: auto;
}
.avquote-head {
  flex-basis: 50%;
}
.avrightcol-row .language .btn {
  font-size: 14px;
  padding: .3rem .5rem;
  border-radius: 9px;
  margin-bottom: 0;
}
.register-btn.login {
  background-color: #6868f92e;
  color: #000;
  text-transform: none;
  font-size: 13px;
  padding: 5px 13px;
  border-radius: 9px;
  font-weight: 600;
}

.avregsign-inn {
  display: flex;
  align-items: center;
}
.avrightcol-space {
  margin: 0 5px;
}
.avcart-head {position: relative;}

/*.avcart-head span {
    position: absolute;
    background: #6868f9;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 1.7;
    right: -6px;
    top: -9px;
    font-size: 12px;
}*/
nav{
  position:relative;
  margin:0 auto;
}
ul#sidebar {
    margin: auto;
    width: 1230px;
    background-color: #6868f9;
}
.header-section ul li ul {
    padding: initial;
}
.header-section ul, .menu-section ul{
    padding: initial;
}
.menu-section {
    position: relative;
    max-width: 100%;
    background: #ffffff;
}
#wrapper-1{
    background-color: #ffffff;
}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{
  border:0;
  list-style:none;
  line-height:1;
  display:block;
  position:relative;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
#cssmenu:after,#cssmenu > ul:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}
#cssmenu #head-mobile{
  display:none;
}
#cssmenu{
  font-family:sans-serif;
  /*height: 100%;*/
  box-shadow: 0 15px 25px 20px rgb(218 218 218 / 30%);
  background-color: #6868f9;
}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a {
    padding: 15px 20px !important;
    font-size: 14px;
    letter-spacing: 0px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{
  color: #000;
}
#cssmenu > ul > li.has-sub > a{
  padding-right:30px;
  
}
#cssmenu > ul > li.has-sub > a:after{
  transition: all .25s ease;
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}
#cssmenu > ul > li.has-sub:hover > a:before{
  top:23px;height:0;
}
#cssmenu ul ul {
    position: absolute;
    left: -9999px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 8%), 0 8px 12px rgb(0 0 0 / 4%);
    min-width: 190px;
}

#cssmenu ul ul li {
    height: 0;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    background: #fff;
    transition: all .25s ease;
}

#cssmenu ul ul li:hover {}

#cssmenu li:hover>ul {
    /*left: auto*/
        left: 19px;
        z-index: 99;
}

#cssmenu li:hover>ul>li {
    height: auto;
}

#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
}

#cssmenu ul ul li a {
    white-space: nowrap;
    line-height: 20px;
    padding: 8px 10px;
    width: 100%;
    font-size: 13.5px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    
}

#cssmenu ul ul li:last-child>a,
#cssmenu ul ul li.last-item>a {
    border-bottom: 0;
}

#cssmenu ul ul li:hover>a,
#cssmenu ul ul li a:hover {
    color: #fff;
    background-color: #6868f9;
}

#cssmenu ul ul li.has-sub>a:after {
    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ddd;
    content: '';
}

#cssmenu ul ul li.has-sub>a:before {
    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ddd;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu ul ul>li.has-sub:hover>a:before {
    top: 17px;
    height: 0
}

#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
    background: #363636;
}

#cssmenu ul ul ul li.active a {
    border-left: 1px solid #333;
}

#cssmenu>ul>li.has-sub>ul>li.active>a,
#cssmenu>ul ul>li.has-sub>ul>li.active>a {
    border-top: 1px solid #333;
}
#sidebar > li:nth-child(3) a::after {
    position: absolute;
    content: "New";
    font-size: 10px;
    top: 4px;
    right: 9px;
    color: #f78d07;
}
li {
    list-style-type: none;
}
#cssmenu > ul > li:hover > a {
    color: #fff !important;
}
@media screen and (max-width:1000px) {
    #cssmenu > ul > li > a {
    color: #fff;
}
#cssmenu > ul > li:hover > a {
    color: #fff !important;
}
#sidebar > li:nth-child(3) a::after{
    right: auto;
}
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 10px 0 0 0;
        float: none;
    }
    .logo2 {
        display: none;
    }
    nav {
        width: 100%;
    }
    #cssmenu {
    margin: auto 0;
    z-index: 16;
    position: fixed;
    background: transparent;
    overflow: scroll;
    overflow-x: initial;
    }

    #cssmenu ul {
        width: 100%;
        display: none;
        height: calc(100% - -100px);
    }
    #cssmenu ul li {
        width: 100%;;
    }
    #cssmenu ul li:hover {
        background: #fcfcfc;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover>ul>li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
        background-color: #6868f9;
    }
    #cssmenu>ul>li {
        float: none;
    }
    #cssmenu ul ul li a {
        padding-left: 25px;
    }
    #cssmenu ul ul li {
        background: #fff !important;
    }
    #cssmenu ul ul li:hover {
        background: #363636 !important;
    }
    #cssmenu ul ul ul li a {
        padding-left: 35px;
    }
    #cssmenu ul ul li a {
        color: #000;
        background: none;
    }
    #cssmenu ul ul li:hover>a,
    #cssmenu ul ul li.active>a {
        color: #fff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
    }
    #cssmenu>ul>li.has-sub>a:after,
    #cssmenu>ul>li.has-sub>a:before,
    #cssmenu ul ul>li.has-sub>a:after,
    #cssmenu ul ul>li.has-sub>a:before {
        display: none;
    }
    #cssmenu #head-mobile {
        display: block;
        padding: 23px;
        color: #ddd;
        font-size: 12px;
        font-weight: 700;
    }
    .menu-section .button {
        width: 55px;
        height: 46px;
        top: 0;
        left: 0;
        cursor: pointer;
        z-index: 12399994;
        padding: 10px 12px;
    }
    .menu-section .button:after {
        position: absolute;
        top: 21px;
        left: 20px;
        display: block;
        height: 6px;
        width: 20px;
        border-top: 2px solid #c0c0c0;
        border-bottom: 2px solid #c0c0c0;
        /*content: '';*/
    }
    .menu-section .button:before {
        -webkit-transition: all .3s ease;
        -ms-transition: all .3s ease;
        transition: all .3s ease;
        position: absolute;
        top: 16px;
        left: 20px;
        display: block;
        height: 1.2px;
        width: 20px;
        background: #c0c0c0;
        /*content: '';*/
    }
    .button.menu-opened:after {
        -ms-transition: all .3s ease;
        height: 0px;
        width: 0px;
        background: transparent;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        display: none;
    }
    .button.menu-opened:before {
        display: none;
        top: 0px;
        background: transparent;
        width: 0px;
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        left: 0;
        height: 0px;
    }
    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        height: 46px;
        width: 100%;
        cursor: pointer;
        transition: 0.5s;
    }
    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }
    #cssmenu .submenu-button:after {
    position: absolute;
    top: 20px;
    display: inline-block;
    margin-left: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    color: #fff;
    transition: 0.5s;
    right: 30%;
}
#cssmenu .submenu-button:after {}
    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }
    #cssmenu .submenu-button.submenu-opened:after {
        transform: rotate(-90deg);
      transition: 0.5s;
    }
    
    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }
    #cssmenu ul ul ul li.active a {
        border-left: none
    }
    #cssmenu>ul>li.has-sub>ul>li.active>a,
    #cssmenu>ul ul>li.has-sub>ul>li.active>a {
        border-top: none
    }
}
@media only screen and (max-width: 765px){
  header{
  background-color: unset;
}
/*.menu-open {
    width: 0px;
    left: -300px;
    transition: 0.5s;
}*/
.active.open {
    left: 0px;
    width: 0;
    position: fixed;
    z-index: 1;
    background-color: rgb(104, 104, 249);
    transition: 0.5s;
    z-index: 16;
}
.button.menu-opened {
    /*width: 100%;*/
    right: 0px;
}
#cssmenu li:hover>ul{
  left: auto;
}
#cssmenu ul ul li a{
  padding: 6px 25px;
}
}
@media screen 
  and (min-width: 1000px) 
  and (max-width: 1600px){
.menu-click-open-close {
    display: none;
}

  }
  @media screen 
  and (min-width: 768px) 
  and (max-width: 1000px){
.menu-wrapper {position: fixed !important;}

.menu-wrapper.active {position: sticky !important;}
.avquote-head {
    flex-basis: 30%;
}
  }
/*ipad---*/
@media only screen and (max-width: 999px){
    .top-dropdown .dropbtn{
            padding: 7px 7px !important;
    }
    li.close-icon {
    height: 10px;
}

li.close-icon:before {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 4px;
    width: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    content: '';
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    top: 0px;
    border: 0;
    height: 1.2px;
    width: 19px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 20px;
}
.menu-open > li.close-icon:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 1px;
    right: 20px;
    display: block;
    height: 1.2px;
    width: 20px;
    background: #fff;
    content: '';
}
li.close-icon::after {
    top: 1px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    right: 21px;
    display: block;
    width: 20px;
    content: '';
    border-top: 1.2px solid #fff;
}
    #cssmenu ul ul{
        box-shadow: none;
    }
    #cssmenu ul li a, #cssmenu ul ul li a{
    background-color: initial;
}
    .menu-open {
    width: 0px;
    left: -913px;
    transition: 0.5s;
}
    .dsk-header-design {
    padding: 7px 10px !important;
}
    #cssmenu{
        box-shadow: none;
    }
  .button.menu-opened{
    right: 0px;
  }
  .button.menu-opened:after{
    top: 23px; */
    background: #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    right: 36px;
}
.button.menu-opened:before{
     position: absolute;
     top: 22px;
     right: 20px;
     /* content: ''; */
     -webkit-transition: all .3s ease;
     -ms-transition: all .3s ease;
     transition: all .3s ease;
     background: #fff;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     right: 20px;
}
.menu-open {
    width: 0px;
    display: block !important;
}
.active.open {
    left: 0px;
    width: 0;
    position: fixed;
    z-index: 1;
    background-color: #f0f0f03b;
    transition: 0.5s;
    z-index: 16;
}
.button.menu-opened {
    right: 0px;
}
#cssmenu li:hover>ul{
  left: auto;
}
.caption-wrap{
    font-size: 13px;
}
.av-quote{
    /*width: 40% !important;*/
}
.dsk-header-design .language{
        margin-bottom: 26px;
}
#sidebar{
        padding-top: 20px;
}
/*#cssmenu ul{
    height: calc(100% - -2000px);
}*/
.button{
    background-color: #f6f6f6 !important;
}
.button.menu-opened{
    background-color: transparent;
}
.menu-wrapper {left: -900px !important;}

.menu-wrapper.active {left: 0px !important;}
}

::-webkit-scrollbar {
  width: 15px;
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb{
    background: #ddd;
}

/*header css---*/
.header-section {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    display: table;
    position: relative;
}
.av-mega-menu .col-12 {
  padding: 0;
}
.des-header .av-mega-menu .container {
  padding: 0;
}
.dsk-header-design {
    padding: 7px 0px;
}
.dsk-header-design .language {
    align-self: center;
    margin-bottom: 0px;
    margin-top: 4px;
}
.search-box {
    /* margin-top: -14px; */
    align-self: center;
}
.avrightcol-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.avregsign-row {
  display: flex;
  flex-wrap: wrap;
}
.top-dropdown .dropbtn {
    font-size: 12px;
    background: #f4f4f4;
    padding: 7px 8px;
    padding-top: 6px;
    margin-top: -10px;
    border: none;
    font-weight: 500;
    border-radius: 7px;
    text-transform: none;
    cursor: pointer;
    color: #000;
   
}
.dropdown-content {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 100%;
    box-shadow: none;
    z-index: 1;
    border: 1px solid #ddd;
    border-radius: 3px;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-item {
    padding: 0.15rem 0.9rem;
}
a.dropdown-item {
    color: #000;
    padding: 6px 5px;
    text-decoration: none;
    display: block;
}
.dropdown-item:focus, .dropdown-item:hover {
    background: #f2f2f2;
}
.dsk-header-design .reg-sign-in-btn {
align-self: center;
    margin-bottom: 0px;
    border-right: 2px solid #dddddd;
    border-left: 2px solid #dddddd;
    margin-right: 15px;
    padding: 5px 10px 0px 15px;}
.reg-sign-in-btn li {
    display: inline-block;
    margin-bottom: 6px;
}
.dsk-header-design a.register-btn {
    background-color: #6868f92e;
    color: #000;
    text-transform: none;
    font-size: 11px;
    padding: 9px 13px;
    border-radius: 9px;
    margin-right: 5px;
    font-weight: 600;
}
.top-cart {
    display: none;
    background-color: #fff3e5;
    color: #f78d06;
    text-transform: none;
    font-size: 12px;
    padding: 2px 13px;
    border-radius: 7px;
    margin-right: 8px;
    font-weight: 600;
}
.top-signup {
    display: none;
}
.topnav.top-signin {
    padding: 0px;
}
/*.topnav.top-signin span {
  background-color: #6868f9;
  color: #ffffff;
  text-transform: none;
  font-size: 13px;
  padding: 5px 16px 8px;
  border-radius: 9px;
  margin-right:0;
  font-weight: 600;
}*/
div#overlayp .clear.height10 {
    height: 0;
}
.dsk-header-design .cart-img {
    padding-top: 1px;
}
.cart-img img {
    width: 88%;
}
.header-design-inner {
    display: flex;
    width: 100%;
}
.av-quote {
    /*width: 54%;*/
        /*min-width: 54%;*/
    text-align: center;
    align-self: center;
}
.caption-wrap {
    display: flex;
    vertical-align: middle;
    align-items: center;
    width: 100%;
    margin-left: 25%;
}
.no1 {
    flex: auto;
    text-align: right;
    padding-right: 10px;
        font-size: 15px;
            color: #000;
}
.no1 span {
    font-size: 48px;
    font-weight: 700;
    color: #000;
}
.no1-c {
    flex: auto;
    text-align: left;
        font-size: 15px;
            color: #000;
}
.lang-mul ul li a:hover {
    background-color: #f4f4f4;
}
.av-lang li:hover ul {
    display: block;
    width: 100%;
}
.av-lang ul {
    display: none;
    position: absolute;
    left: 0;
    top: 20px;
    z-index: 9;
    background: #fff;
    color: #123474;
    border-radius: 0 0 3px 3px;
}
.av-lang {
    position: relative;
    display: inline-block;
    width: 75px;
    height: 27px;
}
.eng-lang span {
    background: url(/images/dropdown-arrow-png.png) no-repeat -2px 0px;
    width: 14px;
    height: 14px;
    margin-top: 5px;
    margin-left: 4px;
}

/*ipad----*/
@media only screen and (device-width: 768px){
    #cssmenu ul ul li a {
    background-color: #ffffff !important;
    color: #000 !important;
}
a.avlogo.column{
    width: 13.33%;
}
.right-section.column{
    width: 53.33%;
}
.caption-wrap{
        margin-left: 16% !important;
}
.dsk-header-design .reg-sign-in-btn{
    padding: 10px 0px 4px 5px !important;
    margin-right: 5px;
}
.av-quote {
    width: 33.33% !important;
}

.dsk-header-design a.register-btn{
        font-size: 10px;
}
.top-dropdown .dropbtn{
    font-size: 11px;
}
    .no1-c {
        font-size: 13px;
    }
    .no1 {
        font-size: 13px;
    }
    .menu-click-open-close {
    width: 100%;
    background-color: #f4f4f4;
}
#cssmenu ul li:hover {
    background: #6868f9;
}
/*ul#sidebar{
    background-color: white;
}*/
.menu-open{
    left: -913px;
}
#cssmenu{
    width: 100%;
    max-height: 45%;
    background-color: #6868f9 !important;
}
#cssmenu ul li a, #cssmenu ul ul li a{
            background-color: #6868f9;
    color: #fff;
}
#cssmenu ul li:hover {
    background: #6868f9;
}
ul.av-lang.lang-mul {
    margin-bottom: 20px;
}


.av-lang a{
        padding: 7px 10px !important;
    }
}
.menu-open.active {
    display: block !important;
    left: 0px;
}
.topnav.top-signin {
    padding: 0px;
}
i.fa.fa-lock {
    display: none;
}
.top-dropdown button span {
    background: url(/images/dropdown-arrow.jpg) no-repeat 1px 1px;
    width: 14px;
    height: 14px;
    display: inherit;
}
.top-dropdown button span {
    background: url(/images/dropdown-arrow-png.png) no-repeat 1px 1px;
}
.top-signin a span:hover {
    text-decoration: none;
}
.av-lang a {
    width: 100%;
    text-align: left;
    display: flex;
   /* padding: 6.5px 9px;*/
   padding: 3px 9px;
    border: none;
    border-radius: 7px;
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    vertical-align: middle;
    background-color: #f4f4f4;
}
i.fa.fa-angle-down {
    padding-top: 4px;
    padding-left: 5px;
}
.lang-mul ul li a {background-color: white;padding: 6px 12px;display: block;border-radius: 0px;}

.lang-mul ul {border: 1px solid #f2f2f2;}
.top-signin span{
    display: initial;
}
.dropdown ul {
    margin-bottom: 19px;
}
.lang-mul ul li {
    background-color: #f5f5f5;
    margin-bottom: 0px;
}
.eng-lang:hover {
    background: #efefef;
    color: #123474;
    border-radius: 7px;
}




/*mobileview---*/
@media only screen and (max-width: 765px){
    .et_pb_row.et_pb_row_0_tb_header {
    padding-top: 0px !important;
}

.dsk-header-design{
    padding: 0;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);
    padding-top: 0px;
}

#search{
    float: none !important;
}

.button{
    background-color: transparent;
    top: 4px;
}

#sidebar{
    padding-top: 30px;
}
/*ul#sidebar{
    background-color: #f9f9f9;
}*/
#cssmenu{
    background-color: transparent;
}
.button:before{
    display: none;
}
.button:after{
    display: none;
}
.button{
background-color: transparent;
    text-align: center;
    padding: 10px 10px;
    width: auto;
    height: auto;
}
#cssmenu ul li:hover {
    background: #f6f6f6;
}
.button-header {
    background-color: transparent;
    text-align: center;
    padding: 10px 15px 5px 6px;
    width: auto;
    height: auto;
}
.button {
    display: none;
}
header{
    min-height: auto;
}
.menu-wrapper.active {width: 80% !important;top: 0;}

.menu-wrapper {width: 0% !important;transition: 0.5s !important;top: 0;}
#cssmenu{
    background-color: #6868f9 !important;
    height: 100%;
}
#cssmenu ul li:hover {
    background: #6868f9;
}
#cssmenu ul li a{
    background-color: #6868f9;
}
#cssmenu ul ul li a{
   padding-right: 10px;
    white-space: pre-wrap;
    background-color: #ffffff;
    color: #000;
}
}


/*header panal css codes--
.panel{
    width: 50%;
}
.av-lang li:hover ul{
    margin-top: 9px;
}
.search-panel {
    padding: 10px;
}
.problemsearch-radio {
    text-align: center;
font-size: 15px;font-weight: 400 !important;}
.problemsearch-radio .radiosel {
    position: relative;
    display: inline-block;
    margin: 0 10px;
    padding: 8px 15px;
    background: #f7f7f7;
    border-radius: 4px;
    box-shadow: 1px 1px 2px #aaa;
    color: #000;
    border: 1px solid #f1f1f1;
}
.problemsearch-radio input[type="radio"] {
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}
.problemsearch-radio input[type="radio"]:checked + .iconimg {
    background: rgba(0, 0, 0, 0) url(/new/images/radio-select.png) no-repeat scroll 0 -33px;
}
.problemsearch-radio input[type="radio"] + .iconimg {
    background: rgba(0, 0, 0, 0) url(/new/images/radio-select.png) no-repeat scroll 0 0;
    display: inline-block;
    height: 16px;
    padding: 0 17px 0 0;
    vertical-align: middle;
    width: 14px;
    margin-right: 3px;
}
.problemsearch-radio .radiosel label {
    margin-bottom: 0;
}
div#divProblemBasedSearch {
    text-align: center;
}
.prosearch-select {
    padding: 20px;
    text-align: center;
    clear: both;
}
#divProductBasedSearch #btnsolution, .h-search input#btnProductSearch, div#divProblemBasedSearch #btnsolution {
    background: #6666de;
    color: #fff;
    margin: 3px auto 20px;
    padding: 8px 25px;
    border-radius: 25px;
    text-transform: uppercase;
    border: 1px solid #6666de;
}
.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}
.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
}
.searchresult .list-group-item {
    border: none;
}
.searchresult .list-group-item {
    border: none;
    padding: 0.75rem 1rem;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
div#divProductBasedSearch {
    text-align: center;
    margin: 40px auto 20px;
}
#divProductBasedSearch input#txtProductSearch, .prosearch-wrap-inn .h-search input#query_input {
    width: 400px;
    max-width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    display: block;
    margin: 0 auto 10px;
    clear: both;
    background: #fff;
}
#divProductBasedSearch #btnsolution, .h-search input#btnProductSearch, div#divProblemBasedSearch #btnsolution {
    background: #6666de;
    color: #fff;
    margin: 3px auto 20px;
    padding: 8px 25px;
    border-radius: 25px;
    text-transform: uppercase;
    border: 1px solid #6666de;
font-size: 15px;font-weight: 500;}
.orimg {
    text-align: center;
}

#divProductBasedSearch input#txtProductSearch, .prosearch-wrap-inn .h-search input#query_input {
    width: 400px;
    max-width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    display: block;
    margin: 0 auto 10px;
    clear: both;
    background: #fff;
font-size: 15px;}
.prosearch-wrap-inn .h-search {
    text-align: center;
    margin: 15px auto;
}
.prosearch-select select {
    max-width: 30%;
    padding: 10px 10px;
    margin: 3px 10px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #ddd;
font-size: 15px;}
.problemsearch-radio .radiosel label {
    margin-bottom: 0;
font-weight: 500;}
.overlayp, .overlaycart {
    z-index: 99;
    position: fixed;
    right: 0;
    top: 0;
    left: inherit !important;
    margin-right: -60%;
    transition: margin-right .5s ease-in;
    -moz-transition: margin-right .5s ease-in;
    -webkit-transition: margin-right .5s ease-in;
    height: 100%;
}

.overlayp.active, .overlaycart.active {
    margin-right: 0;
    box-shadow: 0 0 20px rgb(0 0 0 / 50%);
}

.input, .textarea, input, input[type="email"], input[type="password"], input[type="search"], input[type="text"], select, textarea {
    outline: none;
    background: rgba(0,0,0,.05);
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 12px;
    color: rgba(0,0,0,.6);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: normal;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}
*/
@media only screen and (device-width: 768px){
.overlayp.panel.active {
    width: 60% !important;
}
}

@media only screen and (max-width: 767px){
    .mob-head-rightinn {display: flex;align-items: center;padding-right: 10px;}

.mob-head-rightcol {margin-left: auto;}

.mob-head-row .avrightcol-space {margin: 0 7px;}



    .overlayp.panel.active {
    width: 90%;
}

}
@media only screen and (max-width: 413px){
    .mob-head-row .avrightcol-space {margin: 0 2px;}
    }
.login-panel-login {
    margin: 3%;
    max-width: 550px;
    padding: 3% 10%;
}
/*.overlayp.panel.active {
    width: 40%;
}*/
/*css code for sigin section--*/
.panel {
    background: #f9f9f9;
    width: 50%;
    overflow: auto;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.overlayaccount.active {
    margin-right: 0;
    box-shadow: 0 0 20px rgb(0 0 0 / 50%);
}

.overlayp .close {
    float: left !important;
    margin: 5px 7px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.height10, .clear.height10 {
    height: 10px;
}

.login-panel {
    color: #555;
    margin-top: 10%;
    padding: 0;
    text-align: left;
    font-weight: 500;
}
.login-panel h2 {
    border-bottom: 1px solid #ddd;
    color: #777;
    font-weight: 500;
    padding: 10px 20px;
    font-size: 25px;
}
.login-panel-login {
 padding: 3% 7%;
}
.newuser-link {
    text-align: center;
    margin: 10px 0 0;
        font-size: 13px !important;
}

table {
    background-color: transparent;
}
a.forgetpwd {
    font-size: 13px;
    padding-left: 5px;
}
.login-panel-login table{
    border:none;
}
.login-panel-login table td {
    border:none;
    font-size: 13px;
}
#MyAccountPhp_LoginView2_defaultLogin_UserName,#MyAccountPhp_LoginView2_defaultLogin_Password {
    background-color: transparent;
    padding: 12px 7px;
}


input[type=text], input[type=password] {
    padding: 5px 7px;
    border: 1px solid #dedcdc !important;
    max-width: 100%;
    font-size: 16px;
}

input#MyAccountmarketplace_LoginView2_defaultLogin_LoginButton
 {
    background: #fe5e08;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    padding: 7px 14px;
}
.center {
    text-align: center;
}
a.forgetpwd {
    font-weight: 500;
    font-size: 13px;
}
td.login-title {
    text-align: left !important;
}

.openidsign-fb:hover {
    background-position: -203px -50px;
}
.openidsign-google:hover {
    background-position: -1px -50px;
    width: 100px;
    height: 40px;
}
@media only screen and (max-width: 359px){
    .mob-head-logo {
    width: 110px;
    overflow: hidden;
}
.mob-head-row .avrightcol-space {
    margin: 0 2px;
}

    }
@media (min-width: 768px) and (max-width: 991px){
.panel {
    width: 51% !important;
}
.login-panel td td {
    padding: 7px 0px;
}
.des-header .av-mega-menu .container{
    padding: 0px 15px;
}
}
input#MyAccountPhp_LoginView2_defaultLogin_LoginButton:hover {
    transition: all 0.5s ease-in-out 0s;
    background: #e45304;
    border: 1px solid #bf4402;
    color: #fff;
}
input[type="submit"] {
    background: #fe5e08;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    padding: 7px 14px;
    width: auto;
}
#mycart {
    display: inline-flex;
    vertical-align: initial;
}
#cart_lbltotal {
    color: #f78d07;
}
span#Label1 {
    background-color: #fff3e5;
    color: #f78d06;
    text-transform: none;
    font-size: 11px;
    padding: 8px 17px;
    border-radius: 9px;
    margin-right: 9px;
    font-weight: 600;
}
/**** google and facebook***/
.openid-ctrol {
    text-align: center !important;
     margin-top: 30px !important;
}
.openid-ctrol {
    width: 340px;
    margin: 0px auto;
    max-width: 100%;
}
.openidsign-google {
    background: url(/images/openid/openid-av.jpg);
    background-position: -1px -6px;
    width: 100px;
    height: 40px;
    display: inline-block;
    margin: 0px auto;
}
.openidsign-fb {
    background: url(/images/openid/openid-av.jpg);
    background-position: 102px -6px;
    width: 100px;
    height: 40px;
    display: inline-block;
    margin: 0px auto;
}
.carousel-fade .carousel-control {
        z-index: 0 !important;
}
.et_pb_row.et_pb_row_0_tb_header {
    padding-top: 5px;
    padding-bottom: 0px;
}
i.fa.fa-user {display: none;}

span#memberShip {display: none;}
.column {
    width: 53.33%;
    /*padding: 5px 10px;*/
}
a.avlogo.column {width: 13.33%;}

.right-section.column {margin: 0 auto;padding: 15px 0px;}
.menu-section ::-webkit-scrollbar {
    width: 1px;
    background: #f1f1f1;
}
/*---*/
/*my profile side panel----*/
.myaccount-menu li.welcome_txt1 {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #f75358;
    padding: 9px 0 7px;
    font-size: 16px;
}
li.membership-txt {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    padding: 0 !important;
}
.myaccount-menu li {
    background: rgba(0, 0, 0, 0) url(/app_themes/astroved/images/list-2.png) no-repeat scroll 0 50%;
    padding: 9px 0 7px 18px;
    margin-bottom: 0px;
}
.myaccount-menu li a {
    color: #454545;
    font-weight: 500;
}
li.log_off {
    padding-top: 10px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.logoff {
    background: #ffffff;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    padding: 7px 14px;
}

.searchresult a.av-btn.add_cart {
    padding: 7px 7px;
}
.myaccount-menu {
    padding: 10px 20px;
}
/*end sigin side panel code---*/
.page-template-horoscopes-template .right-section.column {padding-top: 25px;}
@media screen and (min-width: 0) and (max-width: 991px){
.dsk-header-design a img {
    margin: 0 auto;
    display: initial !important;
    width: auto;
}
}
.login-panel span#MyAccountPhp_LoginView2_lblError{
    color: red;
    display: block;
    text-align: center;
    padding-bottom: 10px;
}
.login-panel-login span#SigninProgress {
    text-align: center;
    display: block;
}
/*hide quote--*/
.avquote-head {
    display: none;
}