/*-------------------- Media Style -------------------*/
/*-------------- media section ---------------*/


@media screen and (min-device-width: 1440px) and (max-device-width: 2560px) {
    section#testi {
        height:1028px;
    }
    #blog .owl-dot-border{
        width: 42%;
        left: 31%;
    }
    #blog .img-shadow1 {
        width:71%;
    }
    #blog .img-shadow2{
        width:76%;
    }
    #newsletter{
        min-height:283px;
        background-size:contain;
    }
    #blog .blog-overlay {
        left: 27px;
        width: 90.8%;
    }
    .purple-head,.white-head, .yellow-head{
        font-size:30px;
    }
    .card-promo, .card-sale, .card-customize{
        height:unset;
    }
    .shop-now{
        margin-bottom: 10px;
    }
    img.img-hoddie-zoom{
        top:-73px;
    }
    .card-sale img{
        height:unset;
    }
    .card-promo{
        padding: 12px 0px 55px 0px;
    }
    #testi .quite-icon{
        left: -103px;
        top: 31px
    }
    #blog .blog-right-text{
        padding-top:65px;
    }
    #new-arrival .new-arrival-border:after{
        width: 436px;
    }
    #blog .owl-dots{
        left:151px;
    }


}

@media screen and (min-device-width: 1440px) and (max-device-width: 1600px) {
    #main-category .cat-image-bg:hover .img-hoddie-zoom1{
        height:200px;
    }
    .text-shop-sec{
        margin-top: 0px;
        padding: 64px 0px;
    }
    #testi .test-title{
        font-size: 49px;
    }
    .card-promo, .card-sale, .card-customize{
            height:483px;
        }
        .card-promo img{
            height:239px;
        }

}
@media screen and (min-device-width: 1920px) and (max-device-width: 1920px) {
       .above_title{
        height: 204px !important;
        padding-top: 41px !important;
        margin-top:-2px !important;
        padding-left: 15rem !important;
        
       }
       .shop-banner-image .title h1{
            padding-left: 19rem !important;
       }
       .shop-banner-image .shop-title{
        height:139px !important;
        }
        .shop-banner-image{
            height:135px !important;
        }
        .shop-top .bradcrumbs{
            padding-left: 15rem !important;
        }
       .single-page-metabox .entry-comments,.single-page-metabox .entry-date{
            display:block;
            padding-top:4px;
             margin-top: 7px;
        }
        .single-date-box span:before, .single-date-box span:after {
            top: 20px !important;
        }
        .single-date-box span:before {
            left: 57px !important;
        }
        .single-post-social-box li a{
            padding: 11px 39px !important;
            margin-right: 19px;
        }
        #comments .comment-form-email{
            width:50%;
            float:right;
        }
        
}

@media screen and (max-width:1199px) {
.logo-name {
    font-size: 15px;
}
.menu {
     padding-top: 0px; 
}
.text-hero1 {
    line-height: 50px;
}
.text-main-hero {
    font-size: 48px;
    padding-right: 0%;
    line-height: 60px;
}
.text-para-hero {
    line-height: 30px;
}
}
@media screen and (min-device-width: 1601px) and (max-device-width: 1920px) {
        #main-category .cat-image-bg:hover .img-hoddie-zoom1{
        height:200px;
    }
    .text-shop-sec{
        margin-top: 0px;
        padding: 64px 0px;
    }
    section#testi {
    /*height: 1336px;*/
    background-size:100% 100%;
    }
    #testi .test-title{
        font-size:69px;
    }
    #blog .img-shadow2{
        width:84%;
    }
    .card-promo img {
        height:255px;
    }
    .text-purple{
        position:relative;
    }
    .text-hero1:after{
        left:0px;
    }
}
@media screen and (max-width: 767px){
    .logo{
    width: auto!important;
}
.te-main-menu {
    border-left: 0px solid #B3B3B3;
}
}

@media screen and (max-width: 768px){
/*.logo{
    width: auto!important;
}*/
.bg-color-shape {
    display: none;
    }
    .text-hero1 {
    line-height: 40px;
}
.text-para-hero {
    line-height: 20px;
}
.text-main-hero {
    font-size: 35px;
    padding-right: 0%;
    line-height: 71px;
}
.text-shop-sec {
    margin-top: 35px;
    margin-left: 29%;
}
.card-sale img {
    height: 240px;
}
.text-purple{
    padding:7px 0px;
    display:block;
}
#about .social-text{
    padding-top:14px;
}
#new-arrival .new-arrival-subhead p{
    padding:1.5rem 0rem;
}
img.img-hoddie-zoom:hover {
    transform: scale(0.9);
}

}
@media screen and (min-width: 767px) and (max-width: 768px){
    section#testi{
    background-size:100% 100%;
    margin-bottom:62px;
}
#testi .testi-left {
    padding-top: 38%;
}
    #testi .test-title {
    font-size: 23px;
}

}
@media screen and (max-width:576px) {
.header_search{
    display: none;
}
.arrow-head{
    margin: 0 auto;
}
.order-btn {
    margin-left: 10%;
    margin-right: 10%;
    }
.bg-color-shape{
        display: none;
    }
.logo{
    display: block;
    margin: 0 auto;
}
.topbar-txt, .topbar-socialicon span, .topbar-socialicon,.social-text{
    text-align: center;
}
.text-main-hero{
    padding-right: 0px;
    font-size: 22px;
    line-height: 49px;
}
#about img {
    margin-left: 0%!important;
}
.social-text {
    margin-top: 26px;
}
img.img-hoddie-zoom {
    height: 260px;
    margin: 0 auto;
    display: block;
}
.text-shop-sec{
    margin-left: 0px;
    text-align: center;
}
.span-text, h4.shop_head, p.shop-text{
    color: black;
}
#shopnow hr{
    margin: 0 auto;
    display: block;
        width: 50%;
    margin-top: 20px;
}
.span-text svg,#testi .quite-icon {
    display: none;
}
.col-about-info{
    margin-bottom: 10px;
}
.card-promo, .card-sale{
    margin-bottom: 10%;
}
.monile-align,.about-mobile-align,.features-boxin1,.features-boxin2,.features-boxin3,.features-boxin4,.features-boxin5,.content-about,#blog .blog-right-text {
    text-align:center;
}
.text-end{
    text-align:center !important;
}
.text-hero1:after,#new-arrival .new-arrival-border:after,#blog .owl-dot-border{
    content:none;
}
section{
    padding:30px 0px;
}
#main-category .section-title h3,#new-arrival .new-arrival-head h3 {

    font-size: 34px;
}
#main-category .section-title-para{
    max-width:100%;
}
#new-arrival .new-arrival-button a {
    font-size:20px
}
#new-arrival .new-arrival-tabs ul li a{
    font-size:18px;
}
.content-about h4,.content-about{
    padding-right:unset;
}
section#testi{
    height:auto;
}
.testi-mobile-align,.text-news{
    text-align:center;
}
#testi .test-title,#blog .blog-right-text .main-text1,#newsletter .span-col {
    font-size:22px;
}
#testi .testi-left,#blog .blog-right-text{
    padding-left:unset;
}
#blog .owl-dots,#blog .owl-dot-border{
    display:none;
}
#blog .blog-bg{
    padding:unset;
}
#blog .blog-right-text{
    margin-top:89px;
}
#newsletter .span-col{
    color:#a15bff;
    text-align:center;
}
#newsletter .newsle-main p{
    text-align:center;
}
.footer-details,.textwidget p,.copyright-text,.vw-copyright .te-copy-right{
    text-align:center;
}
#vw-footer li{
    display:block;
}
.content-about h4 {
    font-size:30px;
}
.card-promo, .card-sale, .card-customize{
    height:unset;
}
.card-promo, .card-sale{
    margin-bottom:4%;
}
img.img-hoddie-zoom,#newsletter input[type="submit"]{
    position:unset;
}
.content-about p{
    max-width:100%;
}
.card-promo, .card-sale, .card-customize{
    max-width:100%;
}
#about .social-text{
    left:0px;
}
.footer1,.footer2,.footer3{
    margin-bottom:24px;
}
.title-box img{
    height:100px;
}
.above_title{
    margin-top: 1% !important;
    background-color:unset !important;
    width: unset !important;
    padding-top: 0px !important;
    height: unset !important;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.title-box h1{
    font-size:20px !important;
    padding-left:0px !important;
    text-align:center;
}
.bradcrumbs{
    left:0px !important;
    
}
.bradcrumbs span{
    font-size:15px !important;
}
.bradcrumbs{
    padding: 6px 0 !important;
    text-align:center;
}
.bradcrumbs a{
    font-size: 14px !important;
    padding: 5px 16px !important;
    margin-right:0px !important;
}
.title-box h1:after{
    margin-left: auto;
    margin-right: auto;
    position: unset !important;
}
.shop-banner-image .title h1:after{
    margin-left: auto;
    margin-right: auto;
    position: unset !important;
}
.shop-banner-image .shop-title{
    margin-top: 1% !important;
    background-color: unset !important;
    width: unset !important;
    padding-top: 0px !important;
    height: unset !important;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.shop-banner-image .title h1{
    padding-left:0px !important;
    font-size:20px;
    text-align:center!important;
}
}
@media screen and (min-width:577px) and (max-width:767px){
    .topbar-txt, .topbar-socialicon span, .topbar-socialicon,.social-text{
    text-align: center;
}
.text-main-hero{
    padding-right: 0px;
    font-size: 22px;
    line-height: 49px;
}
#about img {
    margin-left: 0%!important;
}
.social-text {
    margin-top: 26px;
    text-align:center;
}
img.img-hoddie-zoom {
    height: 260px;
    margin: 0 auto;
    display: block;
}
.text-shop-sec{
    margin-left: 0px;
    text-align: center;
}
.span-text, h4.shop_head, p.shop-text{
    color: black;
}
#shopnow hr{
    margin: 0 auto;
    display: block;
        width: 50%;
    margin-top: 20px;
}
.span-text svg,#testi .quite-icon {
    display: none;
}
.col-about-info{
    margin-bottom: 10px;
}
.card-promo, .card-sale{
    margin-bottom: 10%;
}
.monile-align,.about-mobile-align,.features-boxin1,.features-boxin2,.features-boxin3,.features-boxin4,.features-boxin5,.content-about,#blog .blog-right-text {
    text-align:center;
}
.text-end{
    text-align:center !important;
}
.text-hero1:after,#new-arrival .new-arrival-border:after,#blog .owl-dot-border{
    content:none;
}
section{
    padding:30px 0px;
}
#main-category .section-title h3,#new-arrival .new-arrival-head h3 {

    font-size: 34px;
}
#main-category .section-title-para{
    max-width:100%;
}
#new-arrival .new-arrival-button a {
    font-size:20px
}
#new-arrival .new-arrival-tabs ul li a{
    font-size:18px;
}
.content-about h4,.content-about{
    padding-right:unset;
}
section#testi{
    height:auto;
}
.testi-mobile-align,.text-news{
    text-align:center;
}
#testi .test-title,#blog .blog-right-text .main-text1,#newsletter .span-col {
    font-size:22px;
}
#testi .testi-left,#blog .blog-right-text{
    padding-left:unset;
}
#blog .owl-dots,#blog .owl-dot-border{
    display:none;
}
#blog .blog-bg{
    padding:unset;
}
#blog .blog-right-text{
    margin-top:89px;
}
#newsletter .span-col{
    color:#a15bff;
    text-align:center;
}
#newsletter .newsle-main p{
    text-align:center;
}
.footer-details,.textwidget p,.copyright-text,.vw-copyright .te-copy-right{
    text-align:center;
}
#vw-footer li{
    display:block;
}
.content-about h4 {
    font-size:30px;
}
.card-promo, .card-sale, .card-customize{
    height:unset;
}
.card-promo, .card-sale{
    margin-bottom:4%;
}
.header_search{
    display: none;
}
.arrow-head{
    margin: 0 auto;
}
.order-btn {
    margin-left: 10%;
    margin-right: 10%;
    }
.bg-color-shape{
        display: none;
    }
.logo{
    display: block;
    margin: 0 auto;
}
img.img-hoddie-zoom{
    position:unset;
}
.content-about p{
    max-width:100%;
}
.card-promo, .card-sale, .card-customize{
    max-width:100%;
}
#about .social-text{
    left:0px;
}
.content-about h4{
    font-size:34px;
}
.footer1,.footer2,.footer3{
    margin-bottom:24px;
}
.above_title{
    margin-top: 1% !important;
    background-color:unset !important;
    width: unset !important;
    padding-top: 0px !important;
    height: unset !important;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.title-box h1{
    font-size:20px !important;
    padding-left:0px !important;
}
.title-box img{
    height:100px;
}
.title-box h1{
    font-size:20px !important;
    padding-left:0px !important;
    text-align:center;
}
.bradcrumbs{
    left:0px !important;
    
}
.bradcrumbs span{
    font-size:15px !important;
}
.bradcrumbs{
    padding: 6px 0 !important;
    text-align:center;
}
.bradcrumbs a{
    font-size: 14px !important;
    padding: 5px 16px !important;
    margin-right:0px !important;
}
.title-box h1:after{
    margin-left: auto;
    margin-right: auto;
    position: unset !important;
}
.shop-banner-image .title h1:after{
    margin-left: auto;
    margin-right: auto;
    position: unset !important;
}
.shop-banner-image .shop-title{
    margin-top: 1% !important;
    background-color: unset !important;
    width: unset !important;
    padding-top: 0px !important;
    height: unset !important;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.shop-banner-image .title h1{
    padding-left:0px !important;
    font-size:20px;
    text-align:center!important;
}
}
@media screen and (min-width:768px) and (max-width:991px){
.text-hero1:after{
    content:none;
}
#new-arrival .new-arrival-border:after{
    width: 180px;
}
#testi .test-small{
    font-size:15px;
}
#testi .test-title {
    font-size: 34px;
}
#testi .testi-left{
    padding-top:48%;
    padding-left:12%;
}
#testi .quite-icon{
    left:30px;
    top:100px;
    right:0px;
}
#blog .blog-right-text .main-text1 {
    font-size:18px;
}
#blog .blog-bg{
    padding: 39px 37px;
}
#blog .owl-dots{
    left:0px;
}
#blog .owl-dot-border{
    width: 67%;
    top: 16px;
    left: 9%;
}
.bg-color-shape{
    display:none;
}
.text-purple{
    padding:7px 0px;
    display:block;
}
#about .social-text{
    padding-top:14px;
}
#about .social-text a {
    padding-right: 8px;
    padding-left: 15px;
    font-size:14px;
}
#about .social-text {
    left: -17px;
}
#new-arrival .new-arrival-subhead p{
    padding:1.5rem 0rem;
}
#aboutinfo .content-about{
    text-align: center;
}
.content-about p{
    font-size:18px;
    max-width:100%;
}
.card-customize img {
    height: 139px;
}
.card-sale img {
    height: unset;
}
.card-promo, .card-sale, .card-customize {
    height: 357px;
}
.topbar-socialicon i {
    padding-left: 9px;
}
.shop-now-purple{
    font-size:14px;
}
#testi .owl-stage-outer {
    padding-top: 5px;
}
#testi .testi-text{
    font-size:16px;
}
#testi .testi-inner-title{
    font-size:18px;
}
#testi .testi-inner-title{
    font-size:14px;
}
#testi .mb-4{
    margin-bottom:0.5rem !important;
}
#testi .owl-nav {
    display: none !important;
}
.above_title{
    margin-top: 1% !important;
    background-color:unset !important;
    width: unset !important;
    padding-top: 0px !important;
    height: unset !important;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.title-box h1{
    font-size:20px !important;
    padding-left:0px !important;
}
.title-box img{
    height:100px;
}
.title-box h1{
    font-size:20px !important;
    padding-left:0px !important;
    text-align:center;
}
.bradcrumbs{
    left:0px !important;
    
}
.bradcrumbs span{
    font-size:15px !important;
}
.bradcrumbs{
    padding: 6px 0 !important;
    text-align:center;
}
.bradcrumbs a{
    font-size: 14px !important;
    padding: 5px 16px !important;
    margin-right:0px !important;
}
.title-box h1:after{
    margin-left: auto;
    margin-right: auto;
   position: unset !important;
}
.shop-banner-image .title h1:after{
    margin-left: auto;
    margin-right: auto;
    position: unset !important;
}
.shop-banner-image .shop-title{
    margin-top: 1% !important;
    background-color: unset !important;
    width: unset !important;
    padding-top: 0px !important;
    height: unset !important;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}
.shop-banner-image .title h1{
    padding-left:0px !important;
    font-size:20px;
    text-align:center!important;
}

}
@media screen and (min-width:992px) and (max-width:1024px){
.text-hero1:after{
    content:none;
}
#new-arrival .new-arrival-button a {
    font-size: 20px;
}
#new-arrival .new-arrival-border:after{
    width: 160px;
}
#blog .blog-right-text .main-text1{
    font-size: 32px;
}
#blog .blog-overlay .blog_text p {
    font-size:14px;
}
#blog .owl-dots{
    left: 58px;
}
#blog .owl-dot-border{
    width:65%;
}
.text-shop-sec{
    margin-top:0px;
    padding-top:23px;
}
.shop-now{
    margin-bottom:26px;
}
h4.shop_head{
    padding-top:16px;
}
#testi .testi-desig{
    font-size:15px;
}
#testi .testi-text{
    font-size:16px;
}
#testi .test-title{
    font-size:34px;
}
#new-arrival .arrival-cart a.button{
    padding: 15px 15px
}
.card-customize img {
    height: 187px;
}
.card-sale img {
    height: unset;
}
.card-promo, .card-sale, .card-customize {
    height: 392px;
}
#about .social-text a{
    font-size:14px;
    padding-right: 14px;
    padding-left: 23px;
}
.above_title {
    height: 107px !important;
}
.title-box h1{
    font-size:24px !important;
}
.middle-align{
    padding-top:0px !important;
}
.social_widget a i{
    font-size: 13px;
    width: 40px;
    height: 40px;
    padding-top: 13px;
}

}
@media screen and (min-width:1025px) and (max-width:1200px){
.text-hero1:after{
    content:none;
}
.text-hero1:after{
    content:none;
}
#new-arrival .new-arrival-button a {
    font-size: 20px;
}
#new-arrival .new-arrival-border:after{
    width: 160px;
}
#blog .blog-right-text .main-text1{
    font-size: 32px;
}
#blog .blog-overlay .blog_text p {
    font-size:14px;
}
#blog .owl-dots{
    left: 58px;
}
#blog .owl-dot-border{
    width:65%;
}
#about .social-text a {
    padding-right: 16px;
    padding-left: 19px;
}
#about .social-text a {
    font-size: 15px;
}

.text-list{
    font-size:14px;
}
#new-arrival .arrival-cart a.button{
    padding: 15px 16px;
}
.above_title {
    height:100px !important;
}
.title-box h1{
    font-size:27px !important;
}
.title-box img{
    height:100px !important;
}
.middle-align{
    padding-top:0px !important;
}
}
@media screen and (min-width:1025px) and (max-width:1199px){
    .card-promo, .card-sale, .card-customize{
    height: 391px;
}
.card-sale img {
    height: unset;
}
.card-customize img {
    height: 197px;
}
}
@media screen and (min-width: 320px) and (max-width: 480px){
    #about .text-purple{
        padding: 25px 0px;
        display:block;
    }
    #new-arrival ul{
        margin:0px;
        padding:0px;
    }
    #new-arrival ul.nav{
        display: inline-block;
        text-align:center;
    }
    #testi{
        background-image:none;
        background-color:#8207ff;
    }
    section#testi{
        margin-bottom:28px;
    }
    #blog .blog-overlay .blog_text p{
        font-size:14px;
    }
    #blog .blog-bg{
        padding: 20px 27px;
    }
    #newsletter{
        background-image:none !important;
        background-color:#8207ff;
        border-radius: 25px;
    }
    #newsletter .text-news,#newsletter .span-col{
        color:#fff;
    }
    #testi .testi-left{
        padding-top:0px;
    }
    .menubarbox .order-btn{
            width:52%;
            margin:auto;
    }
    #newsletter input[type="submit"]{
        margin-left: auto;
        margin-right:auto;
        display: block;
    }
    .content_boxes {
    transform: translateY(-4%) !important;
    }
    .header_search{
        display:block;
    }
    .search-box span {
        top:0px;
    }
    .order-btn{
        margin-top: 25px !important;
    }
    .header_search {
    text-align: center;
    }
    .vw-search-wrapper{
    width:100%;
    z-index: 9999999;
    top:214px;
    height:0px !important;

    }
    .vw-close-menu{
        height:0px !important;
    }
    .footer-details img.wp-image-525.size-full {
    width: auto;
    margin-bottom: 20px;
    }
}

@media screen and (max-width: 767px){
    img.img-hoddie-zoom{
        position:unset;
    }
    .shopmobile{
        background: #000;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    h4.shop_head, p.shop-text{
        color:#fff;
    }
    #shopnow h4.shop_head{
        color:#fff;
    }

}
@media screen and (min-width: 768px) and (max-width: 1024px){
    .order-btn{
        margin-top: 19px;
    }
    #shopnow .text-shop-sec .span-text,.shop-now{
        font-size:15px;
    }
    h4.shop_head{
        font-size:20px;
    }
    p.shop-text{
        font-size:14px;
    }
    #newsletter .span-col{
        font-size:24px;
    }
    #newsletter{
        background-size:100% 75%;
    }
    #newsletter .newsle-main{
        padding-top:20px;
    }
    
    .subscribe_box1{
        margin-bottom:44px;
    }
    .aboutinfo-right img{
        top: -11%;
        padding: 45px;
        left: -20px;
    }
    .bg-color-shape{
        width:321px;
        height:321px;
    }
    .text-list {
        font-size:14px;
    }
    img.img-hoddie-zoom:hover{
        transform: scale(0.9);
    }


}
@media screen and (min-width: 1100px) and (max-width: 1200px){
.main-navigation a {
letter-spacing: 0px!important;
font-size: 13px!important;
}
}
@media screen and (max-width: 1024px){
.logo-name {
 font-size: 16px;
}
/*.logo {
    width: 100px;
    width: 80px;
}*/
.main-navigation ul ul a:hover{
padding: 4px 7%;
}
#about img{
    margin-left: 0%;
}
.menu-item-has-children ul.sub-menu {
display: none !important;
}
.menu-item-has-children ul.sub-menu.active {
display: block !important;
}
.topbar_details span.call, .topbar_details span.email, .topbar_details span.address{
display: block;
text-align: center;
border:none;
}
#slider a span i{
height: 67px;
}
.sf-arrows .sf-with-ul:after{
content: '';
position: absolute;
right: 0;
margin-top: 6px !important;
height: 0;
width: 0;
left:23% !important;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid black !important;
}
.social-box{
text-align: center;
}
.row.bg-media {
float: right;
}
.mobile-menu{
display: block;
}
.main-navigation ul ul{
background-color: transparent;
}
.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
border-bottom: none;
}
.toggle-nav {
display: none;
position: relative;
float: right;
right: 15px;
height: 30px;
width: 30px;
cursor: pointer;
z-index: 999999;
right: 0;
margin-right: 0;
top: 0px;
margin: 0 auto;
display: block;
left: 0px;
float: none
}
.main-navigation ul ul a:hover {
transition: none !important;
}
.toggle-nav i {
font-size: 29px;
color: black;
cursor: pointer;
}
#cat_togglee{
display: none;
}
.te-main-menu {
padding: 25px; 

}
.sidenav {
height: 100%;
width: 0%;
position: fixed;
z-index: 9999999;
top: 0;
right: 0;
background: linear-gradient(288deg,#6F10FF,#f3f9ff);
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
color: #818181;
display: block;
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
display: block;
color: #ffffff;
}
.sidenav #site-navigation {
width: 100%;
}
.toggle-nav span{
font-size:30px;
cursor:pointer;
text-align: right;
display: none;
}
iframe {
width: 100%;
height: auto;
}
.toggle-nav{
display: block;
}
.innermenubox {
position: static;
}
.main-navigation a {
color: black;
font-size: 12px;
}
.main-navigation .menu{
float: none;
text-align: center;
}
.main-navigation ul ul li,
#masthead.scrolled .main-navigation ul ul li{
display: block;
}
.main-navigation .menu > ul > li.highlight{
background: transparent !important;
}
.menu > ul > li:hover:before,
.menu > ul > li.current_page_item:before,
.menu > ul > li.current-menu-item:before{
display: none;
}
.toggle i.fa.fa-bars,.toggle i.fa.fa-times {
float: right;
color: black;
}
.menubar .nav ul{
width:100%;
margin-top:0;
margin-left: 0px;
}
.menubar .nav ul li,
.menubar.scrolled .main-navigation li{
border-top:1px #303030 solid;
display:block;
text-align:left;
float:none;
width: 100%;
}
.nav ul li a{
padding: 5px 18px;
display: block;
width: max-content;
}
.nav ul li a:hover{
color:#6F10FF;
}
.nav ul li ul,
.nav ul li ul ul{
display: block;
padding-left: 25px;
}
.address-details, .timing-details{
border-left: none;
}

.nav ul li ul li a:before{
content: "";
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid black;
transform: rotate(90deg);
position: absolute;
top: 16px;
left: 0px !important;
}
.nav ul li ul li a{
color: black;
}
.sf-arrows .sf-with-ul:hover:after {
transform: none !important;
}
.nav ul li ul li ul li a{
padding-left:30px !important;
}
.main-navigation ul ul{
border: none;
}
.main-navigation ul ul {
position: static;
width: 100%;
box-shadow: none;
}
.menubar {
padding: 0px 11px !important;
}
.fcontact_text span.phone-text{
font-size: 25px;
}
.main-navigation li{
padding: 5px;
}
.main-navigation ul ul li:hover{
background: black;
}
.te-main-menu {
padding: 25px;
}
.main-navigation li{
display: block;
.main-navigation ul ul{
left: 0;
color: #000;
text-transform: none;
border: none;
position: absolute;
top: 38px;
z-index: 200;
display: none;
margin: 0 auto auto 0;
width: 250px;
text-align: left;
border: 2px solid #6F10FF;
padding: 0px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.main-navigation ul ul a {
color: black;
display: block;
text-decoration: none;
padding: 10px 8%;
font-size:12px;
padding-bottom: 10px;
font-weight:400;
width: max-content;
}
.menu li a:hover {
color: #004b4c;
}
.main-navigation ul ul a:hover{
text-decoration: none;
color: #004b4c;
padding:10px 12%;
}
.main-navigation ul ul li:hover{
text-decoration: none;
color: #004b4c;
background:#caeced;
width: 100%;

}
/*-----------------Superfish Menu------------------*/
.sf-arrows .sf-with-ul:after{
content: '';
position: absolute;
right: 0;
margin-top: 7px !important;
left: 21% !important;
height: 0;
width: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid black !important;
}
.sf-arrows .sf-with-ul:hover:after{
transform: rotate(-90deg);
border-top: 8px solid #6F10FF;
}

.sf-arrows ul.sub-menu li a:hover:before{
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #6F10FF;
transform: rotate(90deg);
position: absolute;
top:46%;
left: 4%;
}
.sf-arrows ul .sf-with-ul:after{
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: black;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
border-left-color: black;
}
.toggle-nav, a.closebtn{
display: none;
}
.main-navigation ul ul ul {
left: 100%;
top:-2px;
}
.sf-arrows ul ul.sub-menu li a:hover:before{
content: '';
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #6F10FF;
transform: rotate(90deg);
position: absolute;
top:5%;
left: 4%;
}
.sf-arrows ul ul .sf-with-ul:after{
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: black;
}
.menu {
padding: 0px;
}
}