/* =======================================================
*
* 	Template Style 
*
* ======================================================= */

body {
    font-family: acumin-pro, sans-serif;
    font-size: 12pt;
    line-height: 1.6;
    background: #fff;
}
a, a:hover { text-decoration: none;}
a {transition: all .3s;    -webkit-transition: all .3s;    -moz-transition: all .3s;    -ms-transition: all .3s;}
#page { position: absolute; overflow-x: hidden; width: 100%; height: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.offcanvas #page { overflow: hidden; position: absolute; }
.offcanvas #page:after { -webkit-transition: 2s; -o-transition: 2s; transition: 2s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; background: rgba(0, 0, 0, 0.5); content: ""; }
a { color: rgba(0, 0, 0, 1); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
a:hover, a:active, a:focus { color: #5C5958; outline: none; text-decoration: none; }
h1, h2, h3, h4, h5, h6, figure {margin: 10px 0 10px 0;}

::-webkit-selection {
 color: #fff;
 background: #F85A16;
}
.gray {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    color: #050505 !important;
    line-height: 1.5em;
}
.sign-holder a.btn{color:#000}
::-moz-selection {
    color: #fff;
    background: #F85A16;
}
::selection { color: #fff; background: #F85A16; }
.fh5co-nav { margin: 0; padding: 0; width: 100%; padding: 0; z-index: 1001; }
.mt30 { margin-top: 30px; }
.fh5co-nav .top-menu { /*	margin-top:30px;
	padding:12px 0;*/ /*border-top: solid 1px #d0d0d0; border-bottom: solid 1px #d0d0d0;*/
    background:#e8e8eb
}
.fh5co-nav .top { background: #F85A16; padding: 7px 0; margin-bottom: 0; }
.fh5co-nav .top .num, .fh5co-nav .top .fh5co-social { display: inline-block; margin: 0; }
.fh5co-nav .top .num { font-size: 13px; padding-right: 20px; margin-right: 10px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
border-right: 1px solid rgba(255, 255, 255, 0.2); letter-spacing: 0px; color: rgba(255, 255, 255, 0.7); }
.fh5co-nav .top .fh5co-social li { font-size: 14px; }
.fh5co-nav .top .fh5co-social li a { padding: 0 7px; }
.fh5co-nav .top .fh5co-social li a i { font-size: 14px; color: rgba(255, 255, 255, 0.7); }
.fh5co-nav .top-menu a { /*padding: 5px 10px;*/ color: #000; }
.logo { padding: 12px 0; }
#topband .sign-holder { margin-top: 0px; }
.logo2 { padding: 0; }
.logo-inner { zoom: 66%;/*padding:1em 0;	*/ }
.mycopy { font-size: 80%; padding: .5em 0 0 0; }
.fh5co-nav .menu-1 { padding: 14px 0; }

@media only screen and (min-width:768px) and (max-width:3000px) {
    .mobile_header_logo {display:none;
    }
}


@media only screen and (min-width:240px) and (max-width:320px) {


    nav.navigation_main .btn.sign-in {
        margin: 0px 0px;
        float: left;
        padding: 10px 16px !IMPORTANT;
    }
}



@media only screen and (min-width:240px) and (max-width:767px) {
    .desktop_header_logo {
        display: none;
    }

    .logo img {
    padding-top: .3em !important;
    zoom: 100%;
    padding-bottom: .3em;
}
}

@media screen and (max-width: 768px) {
    .nav > li > a:hover, .nav > li > a:focus {
        background: none;
        color: #f85a16;
    }
    #toggleiconMenu #fh5co-offcanvas li.open > a {
        background: none;
        color: #f85a16;
        border-bottom: solid 1px #cccccc;
        margin-bottom: 10px;text-align:left;
    }
    #toggleiconMenu #fh5co-offcanvas li.open ul.dropdown-menu.sub-menu {
        border: none;
        box-shadow: none;
        margin-bottom: 10px;
        padding-left: 10px; width:100%;
    }
    #toggleiconMenu #fh5co-offcanvas .dropdown-backdrop {
        display: none
    }
    #toggleiconMenu #fh5co-offcanvas li.bdr-bottom {
        border-bottom: solid 1px #868383;
        padding-bottom: 8px !important;
        margin-bottom: 8px !important;
    }
    #toggleiconMenu #fh5co-offcanvas {
        background: #ffffff;
    }
        #toggleiconMenu #fh5co-offcanvas li a {
            color: rgb(51, 51, 51);
            text-transform: capitalize;
            padding-left: 0;
            padding-right: 0px;
            text-align: left;
            font-size: 1.3em;
        }
        #toggleiconMenu #fh5co-offcanvas li.mobile-show {
            margin-bottom: 15px;
            font-size: 16px;
            font-weight: 500;
            color: #333333;
        }
    .offcanvas #toggleiconMenu div#fh5co-offcanvas ul#bar {
        margin-bottom: 20px;
    }
    .fh5co-nav-toggle.fh5co-nav-white.active i::before, .fh5co-nav-toggle.fh5co-nav-white.active i::after {
        background: #333333 !important;
    }
    .logo {
        padding: .5em 0;
    }
.logo img { padding-top: 0px; zoom: 100%; }
.fh5co-nav .top-menu { margin-top: 0; padding: 0; border-top: none; border-bottom: none; }
.fh5co-nav .menu-1 { display: none; }
}
.fh5co-nav ul { padding: 0; margin: 0; }
.fh5co-nav ul li { padding: 0; margin: 0; list-style: none; display: inline; }
.fh5co-nav ul li a { font-size: 14px; padding: 0.8em 1.4em;  text-transform: uppercase; letter-spacing:1px; /*letter-spacing: 1px;*/ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; font-weight: 200; }
.fh5co-nav ul li a:hover, .fh5co-nav ul li a:focus, .fh5co-nav ul li a:active { color: rgba(0, 0, 0, 0.6); }
.fh5co-nav ul li.has-dropdown { position: relative; }
.fh5co-nav ul li.has-dropdown .dropdown { width: 160px; -webkit-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index: 1002; visibility: hidden; opacity: 0; position: absolute; top: 24px; left: 0; text-align: left; background: #d0d0d0; padding: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; }
.fh5co-nav ul li.has-dropdown .dropdown:before { bottom: 100%; left: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #d0d0d0; border-width: 8px; margin-left: -8px; }
.fh5co-nav ul li.has-dropdown .dropdown li { display: block; margin-bottom: 7px; }
.fh5co-nav ul li.has-dropdown .dropdown li:last-child { margin-bottom: 0; }
.fh5co-nav ul li.has-dropdown .dropdown li a { padding: 2px 0; display: block; color: #000; line-height: 1.2; text-transform: none; }
.fh5co-nav ul li.has-dropdown .dropdown li a:hover { /*color: #fff;*/ color: rgba(0, 0, 0, 0.7); }
.fh5co-nav ul li.has-dropdown:hover a, .fh5co-nav ul li.has-dropdown:focus a { color: rgba(0, 0, 0, 0.7); }
.fh5co-nav ul li.btn-cta a { color: #fff; }
.fh5co-nav ul li.btn-cta a span { background: #F85A16; padding: 4px 20px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; border-radius: 100px; }
.fh5co-nav ul li.btn-cta a:hover span { -webkit-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 20px -9px rgba(0, 0, 0, 0.75); }
.fh5co-nav ul li.active > a { color: #F85A16 !important; }
#fh5co-header, #fh5co-counter, .fh5co-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.fh5co-bg { background-size: cover; background-position: center center; position: relative; width: 100%; float: left; }
.fh5co-bg .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.fh5co-video { overflow: hidden;}

@media screen and (max-width: 992px) {
.fh5co-video { height: 640px; }
}
.fh5co-video a { z-index: 1001; position: absolute; top: 50%; left: 50%; margin-top: -45px; margin-left: -45px; width: 90px; height: 90px; display: table; text-align: center; background: #fff; -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.fh5co-video a i { text-align: center; display: table-cell; vertical-align: middle; font-size: 40px; }
.fh5co-video .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.fh5co-video:hover .overlay { background: rgba(0, 0, 0, 0.7); }
.fh5co-video:hover a { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.fh5co-cover { /*height: 560px;*/ background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; float: left; width: 100%;/*border-bottom: solid thin silver;*/ }
.fh5co-cover .overlay { z-index: 0; position: absolute; bottom: 0; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.3); }
.fh5co-cover > .fh5co-container { position: relative; z-index: 10; }

@media screen and (max-width: 768px) {
.fh5co-cover { height: 480px; }
}
.fh5co-cover .display-t, .fh5co-cover .display-tc { z-index: 9; height: 500px; display: table; width: 100%; }

@media screen and (max-width: 768px) {
.fh5co-cover .display-t, .fh5co-cover .display-tc { height: 480px; }
}
.fh5co-cover.fh5co-cover-sm { height: 400px; }

@media screen and (max-width: 768px) {
.fh5co-cover.fh5co-cover-sm { height: 400px; }
}
.fh5co-cover.fh5co-cover-sm .display-t, .fh5co-cover.fh5co-cover-sm .display-tc { height: 360px; display: table; width: 100%; }

@media screen and (max-width: 768px) {
.fh5co-cover.fh5co-cover-sm .display-t, .fh5co-cover.fh5co-cover-sm .display-tc { height: 360px; }
}
@media screen and (min-width: 320px) {.fh5co-video { height: 171px !important;  }}
@media screen and (min-width: 360px) {.fh5co-video { height: 191px !important;  }}
@media screen and (min-width: 375px) {.fh5co-video { height: 199px !important;  } .contend{top:17%}}
@media screen and (min-width: 411px) {.fh5co-video { height: 217px !important;  }}
@media screen and (min-width: 567px) {.fh5co-video { height: 300px !important;  }}
@media screen and (min-width: 694px) {.fh5co-video { height: 300px !important;  }}
@media screen and (min-width: 768px) {.fh5co-video { height: 407px !important;  } }
@media screen and (min-width: 1024px) { .fh5co-video { height: 542px !important;  }}
@media screen and (min-width: 1366px) { .fh5co-video { height: 640px !important;  }}
@media screen and (min-width: 1920px) { .fh5co-video { height: 640px !important;  }}


.fh5co-social-icons { margin: 1em 0 0 0; padding: 0; }
.fh5co-social-icons li { margin: 0; padding: 0; list-style: none; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
}
.fh5co-social-icons li a { display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
color: #acacac; padding-left: 3px; padding-right: 3px; }
.fh5co-social-icons li a i { font-size: 20px; color:#fff }
.fh5co-contact-info ul { padding: 0; margin: 0; }
.fh5co-contact-info ul li { /*padding: 0 0 0 40px;
  margin: 0 0 30px 0;*/ padding: 5px 0 5px 0; list-style: none; position: relative; }
.fh5co-contact-info ul li:before { color: #F85A16; position: absolute; left: 0; top: .05em;  speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fh5co-contact-info ul li.address:before { font-size: 30px; content: "\e9d1"; }
.fh5co-contact-info ul li.phone:before { font-size: 23px; content: "\e9f4"; }
.fh5co-contact-info ul li.email:before { font-size: 23px; content: "\e9da"; }
.fh5co-contact-info ul li.url:before { font-size: 23px; content: "\e9af"; }
#fh5co-header .display-tc, #fh5co-counter .display-tc, .fh5co-cover .display-tc { display: table-cell !important; vertical-align: middle; padding: 0 10px; }
#fh5co-header .display-tc h1, #fh5co-header .display-tc h2, #fh5co-counter .display-tc h1, #fh5co-counter .display-tc h2, .fh5co-cover .display-tc h1, .fh5co-cover .display-tc h2 { margin: 0; padding: 0; color: white; }
    #fh5co-header .display-tc h1, #fh5co-counter .display-tc h1, .fh5co-cover .display-tc h1 {
        font-size: 300%;
        line-height: 1.33;
        font-weight: 600;
        letter-spacing: 5px; /*margin-bottom: 20px;
  text-transform: uppercase;*/
        
    }
.banner-main { /*background: rgba(0, 0, 0, 0.7); text-align: center; padding: 1em !important; border: solid 2px white;*/ }
.banner-main small { color: #fff; }

@media screen and (max-width: 768px) {
#fh5co-header .display-tc h1, #fh5co-counter .display-tc h1, .fh5co-cover .display-tc h1 { font-size: 180%; }
}
#fh5co-header .display-tc h2, #fh5co-counter .display-tc h2, .fh5co-cover .display-tc h2 { font-size: 166%; line-height: 1.5; margin-bottom: 30px; }
#fh5co-header .display-tc .btn, #fh5co-counter .display-tc .btn, .fh5co-cover .display-tc .btn { padding: 15px 30px; background: #F85A16 !important; color: #fff; border: none !important; font-size: 18px; }
#fh5co-header .display-tc .btn:hover, #fh5co-counter .display-tc .btn:hover, .fh5co-cover .display-tc .btn:hover { background: #F85A16 !important; -webkit-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important; -moz-box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important; box-shadow: 0px 14px 30px -15px rgba(0, 0, 0, 0.75) !important; }
#fh5co-header .display-tc .form-inline .form-group, #fh5co-counter .display-tc .form-inline .form-group, .fh5co-cover .display-tc .form-inline .form-group { width: 100% !important; margin-bottom: 10px; }
#fh5co-header .display-tc .form-inline .form-group .form-control, #fh5co-counter .display-tc .form-inline .form-group .form-control, .fh5co-cover .display-tc .form-inline .form-group .form-control { width: 100%; background: #fff; border: none; }
#fh5co-services, #fh5co-started, #fh5co-testimonial, #fh5co-trainer, #fh5co-gallery, #fh5co-schedule, #fh5co-pricing, #fh5co-blog, #fh5co-contact, #fh5co-footer { padding: 1em 0 2em 0; clear: both; }
#fh5co-footer { padding: 1em 0 0 0; }

@media screen and (max-width: 768px) {
#fh5co-services, #fh5co-started, #fh5co-testimonial, #fh5co-trainer, #fh5co-gallery, #fh5co-schedule, #fh5co-pricing, #fh5co-blog, #fh5co-contact, #fh5co-footer { padding: 1em 0; }
}
#fh5co-gallery { padding-bottom: 0; }
.services { padding: 1em; /*margin-top: 1em;*/ background: #fff; -webkit-box-shadow: 0px 5px 13px -10px rgba(0, 0, 0, 0.43); -moz-box-shadow: 0px 5px 13px -10px rgba(0, 0, 0, 0.43); -ms-box-shadow: 0px 5px 13px -10px rgba(0, 0, 0, 0.43); -o-box-shadow: 0px 5px 13px -10px rgba(0, 0, 0, 0.43); box-shadow: 0px 5px 13px -10px rgba(0, 0, 0, 0.43); }
.fh5co-bg-section {
    background: rgba(0, 0, 0, 0.05);
    min-height: 60vh;
}
@media screen and (max-width: 992px) {
.services { margin-top: 0; margin-bottom: 10px; }
.fh5co-nav ul li a { padding: 5px 14px; }
}

@media screen and (max-width: 768px) {
.services { margin-top: 0; margin-bottom: 20px; }
}
.services span { /*  width: 100%;
  display: block;
  margin-bottom: 30px;*/ }
.services span img { /*  width: 60px;
  margin: 0 auto;*/ }
.services h3, .services h2 { text-transform: capitalize; font-weight: 500; position: relative; font-size: 24px; }
.services h3:after { /*  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 40px;
  height: 2px;
  margin: 0 auto;
  background: #F85A16;
  content: '';
*/ }
.trainer { position: relative; background: rgba(0, 0, 0, 0.05); }

@media screen and (max-width: 768px) {
.trainer { margin-bottom: 30px; }
}
.trainer img { width: 84%; }
.trainer .title { width: 100%; position: absolute; bottom: 60%; left: 42%; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); }
.trainer .title h3 { font-size: 18px; text-transform: uppercase; letter-spacing: 3px; margin: 0; padding: 0; }
.trainer .title h3 a { color: #000; }
.trainer .title h3 a:hover, .trainer .title h3 a:focus { color: #F85A16; }
.trainer .title span { text-transform: uppercase; letter-spacing: 3px; font-size: 13px; color: rgba(0, 0, 0, 0.4); }
.trainer .desc { width: 70%; position: absolute; bottom: 0; left: 0; right: 0; background: white; padding: 7px; }
.trainer .desc .fh5co-social-icons li a { color: #000; }
.trainer .desc .fh5co-social-icons li a i { font-size: 16px; }
#fh5co-schedule .fh5co-heading h2 { color: #fff; }
#fh5co-schedule .fh5co-heading p { color: rgba(255, 255, 255, 0.5); }
#fh5co-schedule .fh5co-heading span { color: rgba(255, 255, 255, 0.5); }
.fh5co-tabs { width: 90%; margin: 0 auto; }
.fh5co-tabs .fh5co-tab-nav { clear: both; margin: 0; padding: 0; float: left; width: 100%; background: rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.fh5co-tabs .fh5co-tab-nav li { float: left; margin: 0; padding: 0; /*width: 14.285%;*/ text-align: center; list-style: none; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
}
.fh5co-tabs .fh5co-tab-nav li a { padding: 6px 10px; width: 100%; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; color: black; }
.fh5co-tabs .fh5co-tab-nav li a:hover { background: rgba(0, 0, 0, 0.1); }
.fh5co-tabs .fh5co-tab-nav li.active a { background: rgba(0, 0, 0, 0.2); color: black; }
.fh5co-tabs .fh5co-tab-content-wrap { clear: both; position: relative; }
.fh5co-tabs .fh5co-tab-content-wrap .tab-content { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; }
.fh5co-tabs .fh5co-tab-content-wrap .tab-content.active { opacity: 1; visibility: visible; }
.fh5co-tabs .class-schedule { width: 100%; float: left; margin: 0; padding: 0; }
.fh5co-tabs .class-schedule li { width: 25%; float: left; border-right: 1px solid rgba(255, 255, 255, 0.02); border-bottom: 1px solid rgba(255, 255, 255, 0.02); list-style: none; padding: 20px; padding-top: 40px; padding-bottom: 40px; }

@media screen and (max-width: 768px) {
.fh5co-tabs .class-schedule li { width: 50%; }
}

@media screen and (max-width: 480px) {
.fh5co-tabs .class-schedule li { width: 100%; }
}
.fh5co-tabs .class-schedule li:first-child { border-left: 1px solid rgba(255, 255, 255, 0.02); }
.fh5co-tabs .class-schedule li:nth-child(5) { border-left: 1px solid rgba(255, 255, 255, 0.02); }
.fh5co-tabs .class-schedule li span { display: block; margin-bottom: 20px; }
.fh5co-tabs .class-schedule li span img { width: 60px; height: 60px; margin: 0 auto; }
.fh5co-tabs .class-schedule li h4 { color: rgba(255, 255, 255, 0.8); font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.fh5co-tabs .class-schedule li .time { display: inline-block; padding: 5px 12px; background: #F85A16; color: #fff; font-size: 13px; }
.price-box { width: 100%; padding: 10px 20px; background: rgba(0, 0, 0, 0.05); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; position: relative; }
.price-box.popular .btn-select-plan { background: #F85A16; }
.price-box.popular .price { color: #F85A16; }
.price-box .btn-select-plan { padding: 10px 20px; background: #5bc0de; color: #fff; }
.price-box .classes { padding: 0; }
.price-box .classes li { display: block; width: 100%; list-style: none; margin: 0; font-size: 16px; padding: 8px 10px; }
.price-box .classes li.color { background: rgba(0, 0, 0, 0.04); }
.pricing-plan { margin: 0 0 50px 0; padding: 0; font-size: 13px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; color: #888f94; }
.pricing-plan.pricing-plan-offer { margin-bottom: 24px; }
.pricing-plan span { display: block; margin-top: 10px; margin-bottom: 0; color: #d5d8db; }
.price { font-size: 72px; color: #000; line-height: 50px; }
.price .currency { font-size: 30px; top: -0.9em; padding-right: 10px; }
.price small { font-size: 13px; display: block; text-transform: uppercase; color: #888f94; }
#fh5co-portfolio-list { flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; float: left; padding: 0; margin: 0; width: 100%; }
#fh5co-portfolio-list li { display: block; padding: 0; margin: 0 0 15px 1%; list-style: none; min-height: 400px; background-position: center center; background-size: cover; background-repeat: no-repeat; float: left; clear: left; position: relative; }

@media screen and (max-width: 480px) {
#fh5co-portfolio-list li { margin-left: 0; }
.nav-justified > li, .nav-tabs.nav-justified > li { display: block !important; width: 100% !important; border-bottom: 1px solid #e1e1e1; }
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0px !important; }
#topband .sign-holder{margin-top:17px}
.sign-in { zoom: 100%;  padding:0 !important;}
nav.navigation_main .cart a {    display: block;    background: url(../images/cart.png) no-repeat center 12px;    padding: 20px 23px;    margin: 0px 0px 0px 0px;    background-size: 65%;}
.logo{padding:0}
    nav.navigation_main { /*width: 100%; padding: 0px 0 0 0px;     margin: 0px 17px 20px 0px*/
        padding: 0px 0px !important;
        width: 100%; /* margin: 0 auto;*/
        float: none;
    }
nav.navigation_main .search_box{width:67%}
}
#fh5co-portfolio-list li a { min-height: 400px; padding: 2em; position: relative; width: 100%; display: block; }
#fh5co-portfolio-list li a:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: 80; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; background: transparent; }
#fh5co-portfolio-list li a:hover:before { background: rgba(0, 0, 0, 0.5); }
#fh5co-portfolio-list li a .case-studies-summary { width: auto; bottom: 2em; left: 2em; right: 2em; position: absolute; z-index: 100; }

@media screen and (max-width: 768px) {
#fh5co-portfolio-list li a .case-studies-summary { bottom: 1em; left: 1em; right: 1em; }
}
#fh5co-portfolio-list li a .case-studies-summary span { text-transform: uppercase; letter-spacing: 2px; font-size: 13px; color: rgba(255, 255, 255, 0.7); }
#fh5co-portfolio-list li a .case-studies-summary h2 { color: #fff; margin-bottom: 0; }

@media screen and (max-width: 768px) {
#fh5co-portfolio-list li a .case-studies-summary h2 { font-size: 20px; }
}
#fh5co-portfolio-list li.two-third { width: 48.6%; }

@media screen and (max-width: 768px) {
#fh5co-portfolio-list li.two-third { width: 49%; }
}

@media screen and (max-width: 480px) {
#fh5co-portfolio-list li.two-third { width: 100%; }
}
#fh5co-portfolio-list li.one-third { width: 23.8%; }

@media screen and (max-width: 768px) {
#fh5co-portfolio-list li.one-third { width: 49%; }
}

@media screen and (max-width: 480px) {
#fh5co-portfolio-list li.one-third { width: 100%; }
}
#fh5co-portfolio-list li.one-half { width: 49%; }

@media screen and (max-width: 480px) {
#fh5co-portfolio-list li.one-half { width: 100%; }
}
.fh5co-heading { margin-bottom: 1em; }
.fh5co-heading h2 { /*font-size: 30px; margin-bottom: 10px; line-height: 1.5; color: #000;*/ /*text-transform: lowercase; position: relative;*/ }
.text-uppercase { text-transform: uppercase !important; }
/*.fh5co-heading h2:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 60px;
  height: 2px;
  margin: 0 auto;
  background: #F85A16;
  content: '';
}*/
.fh5co-heading p { font-size: 18px; line-height: 1.5; }
.fh5co-heading span { display: block; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; letter-spacing: 2px; }
#fh5co-testimonial { background: #efefef; }
#fh5co-testimonial .testimony-slide { text-align: center; }
#fh5co-testimonial .testimony-slide span { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; display: block; }
#fh5co-testimonial .testimony-slide figure { margin-bottom: 10px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
}
#fh5co-testimonial .testimony-slide figure img { width: 100px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
#fh5co-testimonial .testimony-slide blockquote { border: none; margin: 30px auto; width: 70%; position: relative; padding: 0; }

@media screen and (max-width: 992px) {
#fh5co-testimonial .testimony-slide blockquote { width: 100%; }
}
#fh5co-testimonial .arrow-thumb { position: absolute; top: 40%; display: block; width: 100%; }
#fh5co-testimonial .arrow-thumb a { font-size: 32px; color: #dadada; }
#fh5co-testimonial .arrow-thumb a:hover, #fh5co-testimonial .arrow-thumb a:focus, #fh5co-testimonial .arrow-thumb a:active { text-decoration: none; }
#fh5co-started { position: relative; }
#fh5co-started .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#fh5co-started h2 { text-transform: uppercase; color: #fff; margin-bottom: 20px !important; line-height: 1.5em; }
#fh5co-started h2 span { font-weight: 100; color: rgba(255, 255, 255, 0.7); }
#fh5co-started h2 .percent { color: #F85A16; font-weight: 700; }
#fh5co-started p { color: rgba(255, 255, 255, 0.5); }
#fh5co-started .form-control { background: rgba(255, 255, 255, 0.2); border: none !important; color: #fff; width: 100%; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#fh5co-started .form-control::-webkit-input-placeholder {
 color: #fff;
}
#fh5co-started .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
#fh5co-started .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
#fh5co-started .form-control:-ms-input-placeholder {
 color: #fff;
}
#fh5co-started .form-control:focus { background: rgba(255, 255, 255, 0.3); }
#fh5co-started .btn { height: 54px; border: none !important; background: #F85A16; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 400; padding-left: 50px; padding-right: 50px; }
#fh5co-started .form-inline .form-group { width: 100% !important; margin-bottom: 10px; }
#fh5co-started .form-inline .form-group .form-control { width: 100%; }
.fh5co-blog { margin-bottom: 20px; }
/*#fh5co-blog p { margin: 1.5em 0; }*/
.fh5co-blog a img { width: 100%; }
.fh5co-blog h4 { color: #000000; font-weight: 600; text-transform: uppercase; margin-bottom: .75em; }
.fh5co-blog small { font-size: 70%; color: #000000; }

@media screen and (max-width: 768px) {
.fh5co-blog { width: 100%; }
}
.fh5co-blog .blog-text { position: relative; /*background: #fff;
  width: 90%;
  padding: 30px;
  margin-top: -5em;
  margin-bottom: 30px;*/ padding-left: 10px; text-align: center; float: right;/*-webkit-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);
  box-shadow: 0px 10px 20px -12px rgba(0, 0, 0, 0.18);*/ }
.blog-text-bdr { border-left: solid 1px #d0d0d0; border-right: solid 1px #d0d0d0; }
.fh5co-blog .blog-text span { display: inline-block; margin-bottom: 20px; }
.fh5co-blog .blog-text span.posted_on { color: white; font-size: 18px; padding: 2px 10px; padding-left: 40px; mar gin-left: -40px;
background: #F85A16; position: relative; }
.fh5co-blog .blog-text span.posted_on:before { position: absolute; top: -9px; left: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 9px 9px; border-color: transparent transparent #F85A16 transparent; }
.fh5co-blog .blog-text span.comment { float: right; }
.fh5co-blog .blog-text span.comment a { color: rgba(0, 0, 0, 0.3); }
.fh5co-blog .blog-text span.comment a i { color: #F85A16; padding-left: 7px; }
.fh5co-blog .blog-text h3 { font-size: 180%; line-height: 1.5; }
.fh5co-blog .blog-text h3 a { color: black; }
#fh5co-footer {  padding-top: 0; overflow: hidden; z-index: 1; }
#fh5co-footer .col-md-12,#fh5co-footer .col-md-4{ position:static;}
#fh5co-footer .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#fh5co-footer h3 { margin-bottom: 15px; font-weight: bold; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); }
#fh5co-footer .fh5co-footer-links { padding: 0; margin: 0; color: #fff; letter-spacing: 1px; font-weight: 200}
#fh5co-footer .fh5co-footer-links li { font-size: 14px; padding: 0; margin: 0; list-style: none; }
#fh5co-footer .footer-nav li:before { margin: 0 12px 0 10px; content: '|'; color: #fff; }
#fh5co-footer .footer-nav li:first-child:before { content: ''; }
#fh5co-footer .fh5co-footer-links li a { color: #fff; text-decoration: none; letter-spacing: 1px; font-weight: 200}
#fh5co-footer .fh5co-footer-links li a:hover { text-decoration: none; }
#fh5co-footer .fh5co-widget { margin-bottom: 30px; }
#cphMain_closeX img { }

@media screen and (max-width: 768px) {
#fh5co-footer .fh5co-widget { text-align: left; }
}
#fh5co-footer .fh5co-widget h3 { margin-bottom: 15px; font-weight: bold; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; }
#fh5co-footer .copyright .block { display: block; }
#map { width: 100%; height: 500px; position: relative; }

@media screen and (max-width: 768px) {
#map { height: 200px; }
}
#fh5co-offcanvas { position: absolute; z-index: 1901; width: 300px; background: black; top: 0; right: 0; top: 0; bottom: 0; padding: 75px 30px 40px 30px; overflow-y: auto; display: none; -moz-transform: translateX(300px); -webkit-transform: translateX(300px); -ms-transform: translateX(300px); -o-transform: translateX(300px); transform: translateX(300px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
@media(min-width:769px){
    .custom-topmenu #divTopMenu .nav li.mobile-show, .custom-topmenu #categoryMenu .nav li.mobile-show {
        display: none;
    }
    .custom-topmenu #divTopMenu .nav li a i.fa-angle-down, .custom-topmenu #categoryMenu .nav li a i.fa-angle-down {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    #fh5co-offcanvas ul li{overflow:hidden;}
    nav.navigation_main ul.nav li {
        vertical-align: bottom;
    }
    #divStoreMemberMenu .nav > li > a {
        margin-top: 0;
        vertical-align: top;
    }
    nav.navigation_main.custom_navigation_main .search_box.mt-12 {
        float: none;
        vertical-align: top;
        display: inline-block;
    }
    nav.navigation_main.custom_navigation_main .welcome{font-size:0px;}
    nav.navigation_main.custom_navigation_main {
        margin-right: -24px;
        text-align: right;
    }
    .navigation_main.custom_navigation_main .navbar-collapse.collapse.nav-member {
        display: inline-block;
    }
    nav.navigation_main.custom_navigation_main ul.nav.navbar-nav.pull-right {
        width: auto;
        padding: 0;
        float: left;
        margin: 7px 9px 0px 10px;
        padding-left: 0;
        border-left: none;
    }
    #toggleicon {
        top: 35px;
    }
    #toggleiconMenu #fh5co-offcanvas li a i.fa.fa-angle-down {
       float: right;
    margin-top: 0px;
    color: #000;
    transition: all .3s ease-in;
    font-size: 30px;
    margin-right: 10px;
    }
    #toggleiconMenu #fh5co-offcanvas li.open a i.fa.fa-angle-down {
        transform: rotate( -180deg );
        -webkit-transform: rotate( -180deg );
        -moz-transform: rotate( -180deg );
        -ms-transform: rotate( -180deg );
        color:#000000;
    }
    .mobile-show{display:block;}
    #fh5co-offcanvas {
        display: block;
    }
}
.offcanvas #fh5co-offcanvas { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
#fh5co-offcanvas a { color: rgba(255, 255, 255, 0.5); }
#fh5co-offcanvas a:hover { color: rgba(255, 255, 255, 0.8); }
#fh5co-offcanvas ul { padding: 0; margin: 0; }
#fh5co-offcanvas ul li { padding: 0; margin: 0; list-style: none; }
#fh5co-offcanvas ul li > ul { padding-left: 20px; position:static; }
#fh5co-offcanvas ul li.offcanvas-has-dropdown > a { display: block; position: relative; }
    #fh5co-offcanvas ul li.offcanvas-has-dropdown > a:after {position: absolute;right: 0px;         speak: none;        font-style: normal;        font-weight: normal;        font-variant: normal;
        text-transform: none;        line-height: 1; /* Better Font Rendering =========== */        -webkit-font-smoothing: antialiased;        -moz-osx-font-smoothing: grayscale;        content: "\e921";        font-size: 20px;        color: rgba(255, 255, 255, 0.2);
        -webkit-transition: 0.5s;        -o-transition: 0.5s;        transition: 0.5s;    }
#fh5co-offcanvas ul li.offcanvas-has-dropdown.active a:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.uppercase { font-size: 14px; color: #000; margin-bottom: 10px; font-weight: 700; text-transform: uppercase; }
.gototop { position: fixed; bottom: 15px; right: 20px; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.gototop.active { opacity: 1; visibility: visible; }
.gototop a { width: 30px; height: 30px; display: table; background: rgba(0, 0, 0, 0.5); color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; }
.gototop a i { height: 30px; display: table-cell; vertical-align: middle; }
.gototop a:hover, .gototop a:active, .gototop a:focus { text-decoration: none; outline: none; }
.fh5co-nav-toggle { width: 25px; height: 25px; cursor: pointer; text-decoration: none; }
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after { background: #fff !important; }
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active { outline: none; border-bottom: none !important; }
.fh5co-nav-toggle i { position: relative; display: inline-block; width: 25px; height: 2px; color: #252525; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #252525; transition: all .2s ease-out; }
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after { content: ''; width: 25px; height: 2px; background: #252525; position: absolute; left: 0; transition: all .2s ease-out; }
.fh5co-nav-toggle.fh5co-nav-white > i { color: #000; background: #000; }
.fh5co-nav-toggle.fh5co-nav-white > i::before, .fh5co-nav-toggle.fh5co-nav-white > i::after { background: #000; }
.fh5co-nav-toggle i::before { top: -7px; z-index:111111; }
    .fh5co-nav-toggle i::after {
        bottom: -7px;
        z-index: 111111;
    }
.fh5co-nav-toggle:hover i::before { top: -10px; }
.fh5co-nav-toggle:hover i::after { bottom: -10px; }
.fh5co-nav-toggle.active i { background: transparent; }
.fh5co-nav-toggle.active i::before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.fh5co-nav-toggle.active i::after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.fh5co-nav-toggle { /*position: absolute;*/ right: 0px; top: 10px;  padding: 6px 0 0 0; display: block; margin: 0 auto; display: none; height: 35px; width: 35px; z-index: 2001; border-bottom: none !important; }

@media screen and (max-width: 768px) {
    .fh5co-nav-toggle { display: block; }
}
.btn {
    margin-right: 4px;
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 17px;
    font-family: inherit;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding: 6px 24px;
    border-radius: 0px;
}
.btn.btn-md { padding: 8px 20px !important; }
.btn.btn-lg { padding: 18px 36px !important; }
.btn:hover, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.btn-primary { background:#77797b; color: #fff; border: 2px solid #77797b; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #f96c2f !important; border-color: #f96c2f !important; }
.btn-primary.btn-outline { background: transparent; color: #F85A16; border: 1px solid #F85A16; }
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active { background: #F85A16; color: #fff; }
.btn-success { background: #5cb85c; color: #fff; border: 2px solid #5cb85c; }
.btn-success:hover, .btn-success:focus, .btn-success:active { background: #4cae4c !important; border-color: #4cae4c !important; }
.btn-success.btn-outline { background: transparent; color: #5cb85c; border: 1px solid #5cb85c; }
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active { background: #5cb85c; color: #fff; }
.btn-info { background: #5bc0de; color: #fff; border: 2px solid #5bc0de; }
.btn-info:hover, .btn-info:focus, .btn-info:active { background: #46b8da !important; border-color: #46b8da !important; }
.btn-info.btn-outline { background: transparent; color: #5bc0de; border: 1px solid #5bc0de; }
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active { background: #5bc0de; color: #fff; }
.btn-warning { background: #f0ad4e; color: #fff; border: 2px solid #f0ad4e; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background: #eea236 !important; border-color: #eea236 !important; }
.btn-warning.btn-outline { background: transparent; color: #f0ad4e; border: 1px solid #f0ad4e; }
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active { background: #f0ad4e; color: #fff; }
.btn-danger { background: #d9534f; color: #fff; border: 2px solid #d9534f; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background: #d43f3a !important; border-color: #d43f3a !important; }
.btn-danger.btn-outline { background: transparent; color: #d9534f; border: 1px solid #d9534f; }
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active { background: #d9534f; color: #fff; }
.btn-outline { background: none; border: 1px solid gray; font-size: 16px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active { box-shadow: none; }
.btn.with-arrow { position: relative; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.btn.with-arrow i { visibility: hidden; opacity: 0; position: absolute; right: 0px; top: 50%; margin-top: -8px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; }
.btn.with-arrow:hover { padding-right: 50px; }
.btn.with-arrow:hover i { color: #fff; right: 18px; visibility: visible; opacity: 1; }
.form-control { box-shadow: none; background: transparent; border: 1px solid rgba(0, 0, 0, 0.1); font-weight: 300; }
.form-control:active, .form-control:focus { outline: none; box-shadow: none; /*border-color: #F85A16;*/ border-color: gray; }
.row-pb-md { padding-bottom: 4em !important; }
.row-pb-sm { padding-bottom: 2em !important; }
.fh5co-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/loader.gif) center no-repeat #fff; }
.js .animate-box { opacity: 0; }
.login .modal-dialog { width: 350px; }
.login .modal-body { border-left: outset thick #d0d0d0; }
.login .modal-body input { /*border-color: gray;*/ }
.welcome { padding: 9px 3px 0 6px; font: inherit; }
/*======================================================== By Shrawan 10-4-2017 ==============================================================*/
.navigation-tab { border: 1px solid #e1e1e1; margin-bottom: 10px; font-size: 12px; }
.nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; border-right: 1px solid #e1e1e1; }
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 0px solid #fff !important; border-radius: 0px !important; }
.submenuactive { color: #F85A16; background: #f1f1f1; font-weight: bold; }
.nav-tabs > li > a { position: relative; display: block; padding: 5px !important; }
/**11 sep2018 css start for address**/
.addressSection { overflow: hidden; margin-top: 15px; }
.addreddSectionBox { background: #ffffff; padding: 13px; min-height: 240px; border: 1px solid #ccc; }
.addressSection table > tbody > tr > td { vertical-align: top; padding: 10px; }
.addressSection table > tbody > tr > td table tr td { padding: 0px; }
.panel_message_bar { left: 0px !important; width: 100%; border-width: 0px; border-style: none; z-index: 999; background: #FCF8DF; }
.panel_message_bar div { width: 99%; height: auto; vertical-align: middle; text-align: center; padding: 7px; }
.star { color: red; }
/**11 sep2018 css end for address**/



/*******************************************************/
.postion-relative{position:relative}
.position-absolute{position:absolute}
.mt-1{margin-top:9px}
.mt-2{margin-top:7px}
.mt-4{margin-top:15px}
.mt-12{margin-top:12px}
.mt-5{margin-top:20px}
/*.mt-103{margin-top:103px}
.ml-60{margin-left:60px}*/
.mt-n50{margin-top:-70px}
.mt-n30{margin-top:-30px !important}
.mb-2 { margin-bottom: 12px}
.ml-32{margin-left:32px}
.mx-5{margin-left:5px; margin-right:5px}
.my-4{margin-top:16px; margin-bottom:16px}
.my-5 { margin-top: 20px; margin-bottom: 20px}
.mx-auto{margin-left:auto; margin-right:auto}
.mx-0{margin-left:0; margin-right:0}
.mt-40{margin-top:40px}
.mt-60{margin-top:60px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-80{margin-bottom:80px}
.mt-26{margin-top:26px}
.mt-130{margin-top:130px}
.mb-112{margin-bottom:112px}
.mb-0{margin-bottom:0}
.mt-0{margin-top:0}
.px-0{padding-left:0 ; padding-right:0}
.pt-4 {padding-top:16px}
.pb-4{padding-bottom:16px}
.py-5{padding-top:35px; padding-bottom:35px}
.py-12{padding-top:12px; padding-bottom:12px}
.pt-5{padding-top:30px}
.pt-5-1{padding-top:35px}
.pb-5{padding-bottom:35px}
.pt-0{margin-top:0}
.pb-0{padding-bottom:0}
.py-30{padding-top:30px; padding:30px}
.pb-30{padding-bottom:30px}
.py-4 {padding-top: 16px; padding-bottom: 16px}
.pb-94{padding-bottom:45px}
.pl-0{padding-left:0}
.p-4{padding:16px;}
.join_pad{padding-top:35px;}
#com{padding-top:15px}
.three_box_pad{padding:57px 39px 21px 20px}
.three_box_pad .h3{font-size:28px}
.contendwithimage{margin-top:70px; margin-bottom:70px}
.px-0{padding-left:0;padding-right:0}
.font10 { font-size: .625em}
.font12 { font-size: .75em}
.font14 { font-size: .875em}
.font16 { font-size: 1em}
.font18 {font-size: 1.125em;letter-spacing:1px}
.font22 {font-size: 22px}
span.font22{display:inline-block; margin-bottom:16px}
.font33{font-size:36px !important; font-weight:200}
.bigtext1 { font-size: 1.65em;letter-spacing:4px}
.bigtext2 {font-size: 2.25em; font-weight:200; line-height:1.2}
.greybg {background: #e8e8eb}
.lightyellow { background: #f5f6f7;position:relative}
.txtdarkgrey1 {color: #bcbdc0}
join_pad
.txtdarkgrey2 { color: #6b6b70}
.txtdarkgrey3 { color:#808184}
.textgrey4 {color: #6d6e71}
.textgrey5{color:#58595b}
.textgrey6 {color: #6d6e71}
.animated-fast ul li{margin: 0px; padding: 0px;line-height: 1.9;font-weight: 300;color:#6d6e71}
.txtdarkb { color: #404041}
.txt-black{color:#000}
.ls-1{letter-spacing:1px}
.font-w6 { font-weight:600}
.font-w5 { font-weight:500}
.font-w4{font-weight:400}
#gcVideo { position: relative;    right: 0;    bottom: 0;    min-width: 100%;    min-height: 100%; border:1px solid #000}
/* Add some content at the bottom of the video/page */
.content {position: absolute; color: #f1f1f1; text-align:center;margin:auto;}
#gcVideo + .content h1{font-size: 45px; margin-top: 26px; line-height: 1.3;}
.inline-block {    display: inline-block}
.empty_banner {    background-color: #f5f6f7;    height: 350px;    font-size: 50px;    padding: 250px;    text-align: center;}
.width_img{width:auto !important; margin-right:75px}
#white div.pb-5, .main_content p, .content_with_image p.txtdarkb { line-height: 1.3}
#store .col-md-4 h4.font-light{ font-size:20px; color:#646567; margin:5px 0; font-weight:400}
#vendor .col-md-4 h4.font-light{ font-size:20px; color:#646567; margin:5px 0; font-weight:400;}
#vendor .col-md-4 h4.font-light a{display:inline}
#fh5co-header .container-fluid .row{ background-color: rgba(0,0,0,0.5)}
section.banner1 {    position: relative;}


.banner1.banner_video {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: -9;
    height: 640px;
    overflow: hidden;
}
#video_block {position: relative;}
#video_block video {  width: 100%    }
a.arialve {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    color: #000 !important;
}
a.arial12 {
    font-size: 20px;
    color: #646567;
    margin: 8px 0;
    font-weight: 400
}
.lhtc_blog .img-responsive{width:100%}
#fh5co-header .container-fluid .row .position-absolute {
    top: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    height:100%;
}
#fh5co-header .container-fluid .row .img-responsive{width:100%;}
#fh5co-header .container-fluid .row .banner-main {font-size: 300% !important; line-height: 1.33; font-weight: 600;letter-spacing: 5px;color:#fff}
#fh5co-blog {color: #808285}
#fh5co-blog h3, #fh5co-blog h4 {margin:0;margin-bottom:3px}
#fh5co-blog .mt-5:nth-child(4){clear:both}
#fh5co-blog .mt-5:nth-child(7){clear:both}
#fh5co-blog .mt-5:nth-child(10){clear:both}
#fh5co-blog .mt-5:nth-child(13){clear:both}
#fh5co-blog h3{font-size:20px}
#fh5co-blog h4{font-size:14px }
#fh5co-blog p{ font-size:16px; font-weight:300; line-height:1.2; /*margin-top:20px*/ }
.container_920 {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.inputbg {
    background: #f3f3f4
}
.bg-partners {background: #3dade2;letter-spacing:2px}
.bg-partners .mb-5{margin-bottom:20px}
.bg-partners .h2{font-size:28px}
.bg-dark-1 {background: #77797b}
.font-light{font-weight:200}
.line-h{line-height:1.3}
.line-h1 { line-height: 1.6}
.news_min{min-height:70px;margin-top:10px}
.news_min h4{font-size:19px; line-height:1.3}
.news_min p.txtdarkgrey3{font-weight:200}
.news_min p.txtdarkgrey2{font-weight:400}
.menubg { background: #e8e8eb }
a.contact_link{margin-top:20px;display:inline-block}
.partner-banner {
    background: url("../images/partner-banner.png");
    background-size: cover;
    background-position: center center;
    height: 850px
}
.sicon {  top: 7px;    right: 22px}
.circle { border-radius: 20px;    background: #fff;    color: #000;    width: 20px;    height: 20px}
.float-right{float:right}
.greybluebg {background: #455864;}
.blue-bg-btn{background:#3DACE2; color:#fff; padding:8px 50px; font-weight:400}
 a.blue-bg-btn{color:#fff}
.blue-bg-btn:hover{color:#fff}

.lhtc_heading { font-size: 24px; font-weight: 600; letter-spacing:3px; margin-bottom:30px}
/*.modal-backdrop{z-index:-99 }*/
.content {
    min-width: 100%;
    /*max-width: 80%;
    min-height: 20%;*/
    display:table;
    vertical-align:middle;
    top:26%
}
.box {
    margin-right: 13%;
    width: auto;
    margin-top:18%;
}
.banner1{padding:0}

@media (min-width: 768px) and (max-width: 1024px) {
    .mx-2 {
        margin-left: 8px;
        margin-right: 8px
    }
    a.contact_link {
        background: #fff;
        padding: 5px 80px;
        font-size: 22px;
        color: #3dade2 !important;
    }
    .dropdown-menu{left:-170px !important;}
    .h1 {
        font-size: 29px
    }
    div #com > div.col-sm-4 {  max-width: 32.33%;    height: 410px; max-height: 410px }
    .three_box_pad .h3{font-size:24px}
    div #com > div.col-sm-4 > .h-contend {height: 262px}
    div #com > div.col-sm-4 > .h-contend p{line-height:18px}
    div #com > div.col-sm-4 > .h-contend p.h3{line-height:1.3}
    div #com > div.col-sm-4 > .mt-4> a{font-size:14px; padding-top: 0px;}
    div #com > div.col-sm-4 > .mt-12> a{font-size:14px;margin-top:0}
    div #com > div.col-sm-4 > .col-xs-9{padding-top:10px}
    #toggleicon{position:absolute; top:35px; right:-16px}
    #shop > .position-relative > .position-absolute { bottom: 3%;right: 10%    }
    #shop > .position-relative > .position-absolute .box {margin:0; width:90% }
    #shop > .position-relative > .position-absolute .box .font33{font-size: 34px !important}
    #shop > .position-relative > .position-absolute .box .contendwithimage {  margin-top: 40px;   margin-bottom: 40px}
    .border-right {border-right: 1px solid #d0d0d0 !important}
    .border-left { border-left: 1px solid #d0d0d0 !important }
    nav.navigation_main .btn.sign-in {     margin: 10px 6px 0 6px; float: left; }
    .container_920{width:auto; margin:0 auto}
    .content img.img_logo{width:100px}
    .content h1{font-size:26px}
    .banner1{padding-top:0}
    #video_block{height:540px !important}
    .featured .thumb{min-height:300px; max-height:300px}
    #divStoreMemberMenu .navbar-collapse.collapse {
        display: inline-block;
    }
    #divStoreMemberMenu .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #fff;
    }
     #divStoreMemberMenu nav.navigation_main ul.nav li { display: inline-block;text-align: center; width: auto; margin: 0px 0px 0px 0px; padding: 0px;    }
    
    }

@media (min-width: 567px) and (max-width: 767px) {
    div #com > div.col-sm-4 {
        max-width: 32.33%;
        height: 452px;
        max-height: 452px
    }
    #toggleicon{position:absolute; top:38px; right:-16px}
    .box {
        margin-right: 13%;
        width: auto;
        margin-top: 34%;
    }
    #shop > .position-relative > .position-absolute {
        bottom: 12%;
        right: 15%
    }
    .three_box_pad .h3 {
        font-size: 21px
    }
    nav.navigation_main .search_box {
        width: 61%;
    }
    nav.navigation_main .cart a {
        display: block;
        background: url(../images/cart.png) no-repeat center 12px;
        padding: 20px 26px 20px 13px;
        margin: 0px 0px 0px 0px;
        background-size: 80%;
    }
    .three_box_pad .col-xs-9 a:link{font-weight:normal; font-size:13px; display:inline-block; margin-top:5px}
    .fh5co-nav-toggle {
        top: 88px !important;
    }
    .mt-1{margin-top:5px}
    .content_with_image p.txtdarkb{font-size:12px}
    #fh5co-footer .fh5co-footer-links li {
        font-size: 10px;
        list-style: none;
    }
    
    .ml-60 {
        margin-left: 273px
    }

    .mt-103 {
        margin-top: 128px
    }
    .border-right {
        border-right: 1px solid #d0d0d0 !important
    }

    .border-left {
        border-left: 1px solid #d0d0d0 !important
    }

    #shop1 {
        display: none !important
    }

    nav.navigation_main .btn.sign-in {
        margin: 0px 5px 0px;
        float: left;
    }

    .mx-2 {
        margin-left: 8px;
        margin-right:8px;
    }
    div #com > div.col-sm-4 > .h-contend {height: 307px}
    div #com > div.col-sm-4 > .h-contend p{font-size:15px}
    div #com > div.col-sm-4 > .h-contend p.h3{font-size:25px}
    .three_box_pad { padding: 57px 29px 21px 15px;}
     #shop > .position-relative {height:800px;max-height:800px}
    #shop > .position-relative > .position-absolute { bottom: 3%; right: 10%    }
    #shop > .position-relative > .position-absolute .box {margin:0; width:90% }
    #shop > .position-relative > .position-absolute .box .font33{font-size: 25px !important}
    #shop > .position-relative > .position-absolute .box .contendwithimage {  margin-top: 20px;   margin-bottom: 20px}
    div#lhtc_blog > div.col-sm-4 {
        max-width: 32.33%;
    }
    a.contact_link {
        background: #fff;
        padding: 5px 80px;
        font-size: 20px;
        color: #3dade2 !important;
    }
     .container_920{width:auto; margin:0 auto}
    
     .content img.img_logo{width:100px}
    .content h1{font-size:26px}
    #video_block {
        height: 351px !important;
    }
    .featured .thumb{max-height:none; min-height:unset}
#divStoreMemberMenu nav.navigation_main ul.nav li{width:10px; margin:0}
#divStoreMemberMenu .navbar-nav .open .dropdown-menu{width:150px;    position: static;    float: none;      margin-top: 0;    background-color: transparent;    border: 0; text-align: left;   }
#divStoreMemberMenu nav.navigation_main ul.nav li{margin:0}
    #divStoreMemberMenu .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        
        padding: 7px 10px;
    }
#divStoreMemberMenu .nav > li > a{padding:0 6px 3px 6px}
    #divStoreMemberMenu .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: none;
        width: auto;
        margin-top:11px;margin-right:0px;
        background-color: #fff;
        border: 0;
        -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        background-clip: padding-box;
        z-index: 9999999;
    }
    nav.navigation_main.custom_navigation_main .sign-holder .pull-left {
        float: right !important;
    }
    
}

@media(max-width:566px){
    nav.navigation_main.custom_navigation_main .sign-holder .pull-left {
        float: right !important;
    }
}

@media (min-width: 411px) and (max-width: 480px) {
    .footer-img img {
        width: 55% !important;
    }
    .footer-img {
        margin-top: 1em;
        margin-bottom: 3em;
    }
    .ml-60 {
        margin-left: 333px
    }
    #toggleicon{position:absolute; top:34px; right:-16px}
    .mt-103 {
        margin-top: 25px
    }
    .owl-theme .owl-controls .owl-nav [class*="owl-"] {
        display: none !important
    }
    /*.welcome{display:none}*/
    #topband .sign-holder {  margin: 0px; width: 100%; }
    .dropdown a{margin:0; display:inline-block}
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{   text-align: right; background-color: #fff;}
    .nav > li > a:hover, .nav > li > a:focus{background-color: #fff;}
    /*.dropdown a.dropdown-toggle { text-align: right    }*/
    /*li.dropdown{width:215px !important; text-align:right}*/
    /*nav.navigation_main ul.nav{padding:0}
    .nav .open > a, .nav .open > a:hover{background:#fff}
    nav.navigation_main ul.nav li {
        width: 250px;
        text-align: left
    }
    .navbar-nav .open .dropdown-menu > li > a{text-align:center}
    nav.navigation_main ul.nav li a {
        text-align: right
    }
    .nav-member .nav > li > a {  padding: 16px 2px 5px;    }*/
    .collapse {
        display: inline-block;
    }
    .owl-theme .owl-dots .owl-dot span {
        display: inline-block !important
    }

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
    }

    .owl-theme .owl-controls {
        margin-bottom: 10px
    }

    .three_box_pad {
        margin-bottom: 5px
    }

    .fh5co-nav-toggle {
        top: 112px !important;
    }

    .btn {
        font-size: 14px
    }

    p {
        line-height: 1.3;
        font-size: 16px
    }
    #fh5co-header .container-fluid .row .banner-main {
        font-size: 16px !important
    }
    /*#fh5co-header .container-fluid .row .position-absolute {
        top: 26%;
        position: absolute;
    }*/
    nav.navigation_main .btn.sign-in {
           margin: 0px 0px;
    float: left;
    padding: 10px 16px !IMPORTANT;
    }

    #shop > .position-relative {height:800px;max-height:800px}
    #shop > .position-relative > .position-absolute { bottom: 3%; right: 4%    }
    #shop > .position-relative > .position-absolute .box {margin:0; width:90% }
    #shop > .position-relative > .position-absolute .box .font33{font-size: 32px !important}
    #shop > .position-relative > .position-absolute .box .contendwithimage {  margin-top: 40px;   margin-bottom: 40px}

    a.contact_link {
        background: #fff;
        padding: 5px 20px;
        font-size: 16px;
        color: #3dade2 !important;
    }

    .blue-bg-btn {
        padding: 8px
    }

    .container_920 {
        width: auto;
        margin: 0 auto
    }

    .content img.img_logo {
        width: 72px
    }

    .content h1 {
        font-size: 21px
    }

    #video_block {
        height: 217px !important
    }
    #divVendorMenu .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: none;
        width: auto;
        left: -200px;
        margin-top: 0;
        background-color: #fff;
        border: 0;
        box-shadow: 2px 2px inherit;
        z-index: 9999999;
    }
 .featured .thumb{max-height:none; min-height:unset}
 #divStoreMemberMenu nav.navigation_main ul.nav li{width:10px; margin:0}
#divStoreMemberMenu .navbar-nav .open .dropdown-menu{width:150px;    position: absolute;    float: none;      margin-top: 0;    background-color: transparent;    border: 0; text-align: left;   }
#divStoreMemberMenu nav.navigation_main ul.nav li{margin:0}
    #divStoreMemberMenu .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 15px 10px 10px;
        text-align: left;
        font-size: 15px;
    }
#divStoreMemberMenu .nav > li > a{padding:0 6px 0px 6px; font-size:20px;}
#divStoreMemberMenu .navbar-nav .open .dropdown-menu {    position: absolute;    float: none;    width: auto;    margin-top: 0;    background-color: #fff;    border: 0;    box-shadow: 2px 2px inherit;    z-index: 9999999;}
}


@media (min-width: 375px) and (max-width: 410px) {

    #topband .sign-holder {
    margin: 0px;
    width: 230px;
}

    nav.navigation_main .btn.sign-in {
    margin: 0px 0px;
    float: left;
    padding: 10px 16px !IMPORTANT;
}


    .footer-img img {
        width: 55%;
    }
    .ml-60 {
        margin-left: 333px
    }
    /*.welcome{display:none !important}*/
    #topband .sign-holder {  margin: 0px; width: 100%; }
    .dropdown a{margin:0; display:inline-block}
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{   text-align: right; background-color: #fff;}
    .nav > li > a:hover, .nav > li > a:focus{background-color: #fff;}
    .dropdown a.dropdown-toggle { text-align: right    }
    /*li.dropdown{width:215px !important; text-align:right}*/
    .collapse {   display: inline-block;    }
    #toggleicon{position:absolute; top:34px; right:-16px}
    /*#fh5co-header .container-fluid .row .position-absolute {
        top: 26%;
        position: absolute;
    }*/
    #fh5co-header .container-fluid .row .banner-main {
        font-size: 16px !important
    }
    .mt-103 {
        margin-top: 25px
    }
    nav.navigation_main {
       
    }
    .three_box_pad {
        margin-bottom: 5px
    }

    .fh5co-nav-toggle {
        top: 112px !important;
    }
    .logo {
        padding:0
    }
    nav.navigation_main .cart a {
        display: block;
        background: url(../images/cart.png) no-repeat center 12px;
        padding: 20px 26px 20px 13px;
        margin: 0px 0px 0px 0px;
        background-size: 72%;
    }
        .btn {
        font-size: 14px
    }

    p {
        line-height: 1.3;
        font-size: 14px;
        margin-bottom:20px;
    }

    nav.navigation_main .btn.sign-in {
        margin: 0 6px;
        float: left;
       
    }
    #shop > .position-relative {height:800px;max-height:800px}
    #shop > .position-relative > .position-absolute { bottom: 3%; right: 4%    }
    #shop > .position-relative > .position-absolute .box {margin:0; width:90% }
    #shop > .position-relative > .position-absolute .box .font33{font-size: 25px !important}
    #shop > .position-relative > .position-absolute .box .contendwithimage {  margin-top: 20px;   margin-bottom: 20px}
    .my-5 {  margin-top: 20px; margin-bottom: 20px;}
    a.contact_link {  background: #fff; padding: 5px 20px; font-size: 16px; color: #3dade2 !important;}
    .blue-bg-btn { padding: 8px  }
    .container_920 {width: auto;  margin: 0 auto    }
    .content img.img_logo {  width: 72px }
    .content h1 { font-size: 21px }
    #video_block { height: 197px !important  }
    .owl-theme .owl-controls .owl-nav [class*="owl-"] {   display: none   !important }
    .owl-theme .owl-dots .owl-dot span{display:inline-block !important}
    .owl-theme .owl-dots .owl-dot {  display: inline-block;    }
    .owl-theme .owl-controls{margin-bottom:10px}
    .featured .thumb{max-height:none; min-height:unset}
    #divVendorMenu .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: none;
        width: auto;
        left: -200px;
        margin-top: 0;
        background-color: #fff;
        border: 0;
        box-shadow: 2px 2px inherit;
        z-index: 9999999;
    }
    #divStoreMemberMenu nav.navigation_main ul.nav li{width:10px; margin:0}
#divStoreMemberMenu .navbar-nav .open .dropdown-menu{width:150px;    position: static;    float: none;      margin-top: 0;    background-color: transparent;    border: 0; text-align: left;   }
#divStoreMemberMenu nav.navigation_main ul.nav li{margin:0}
    #divStoreMemberMenu .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 15px 10px 10px;
        text-align: left;
        font-size: 15px;
    }
    #divStoreMemberMenu .nav > li > a {
        padding: 0 0px 0px 0px;
        font-size: 20px;
    }
#divStoreMemberMenu .navbar-nav .open .dropdown-menu {    position: absolute;    float: none;    width: auto;    margin-top: 0;    background-color: #fff;    border: 0;    box-shadow: 2px 2px inherit;    z-index: 9999999;}
}

@media (min-width: 320px) and (max-width: 360px) {
   
    .footer-img img {
        width: 55%;
    }
     #shop > .position-relative {height:690px;max-height:690px}
    #shop > .position-relative > .position-absolute { bottom: 3%; right: 4%    }
    #shop > .position-relative > .position-absolute .box {margin:0; width:92% }
    #shop > .position-relative > .position-absolute .box .font33{font-size: 25px !important}
    #shop > .position-relative > .position-absolute .box .contendwithimage {  margin-top: 20px;   margin-bottom: 20px}
    .bg-partners .h2 { font-size: 24px;}
    .bg-partners .mb-5{margin-bottom:10px}
    .bg-partners .mt-5{margin-top:10px}
    #toggleicon{position:absolute; top:34px; right:-16px}
    #fh5co-header .container-fluid .row .banner-main {    font-size:16px !important    }
    /*.welcome{display:none !important}*/
    #topband .sign-holder {  margin: 0px; width: 100%; }
    .dropdown a{margin:0; display:inline-block}
    .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{   text-align: right; background-color: #fff;}
    .nav > li > a:hover, .nav > li > a:focus{background-color: #fff;}
    /*.dropdown a.dropdown-toggle {   text-align: right    }*/
    /*li.dropdown{width:185px !important; text-align:right !important}*/
    .collapse {   display: inline-block;    }
    .ml-60 {
        margin-left: 333px
    }
    /*#fh5co-header .container-fluid .row .position-absolute {
        top: 26%;
        position: absolute;
    }*/
    .mt-103 {
        margin-top: 25px
    }
    nav.navigation_main .search_box {
        width: 61%;
        margin-right: 5px;
    }
    .three_box_pad {
        margin-bottom: 5px
    }

    .fh5co-nav-toggle {
        top: 112px !important;
    }
    .login .modal-dialog {
        width: 270px;
    }
    nav.navigation_main .cart a {
        display: block;
        background: url(../images/cart.png) no-repeat center 12px;
        padding: 20px 23px 20px 13px;
        margin: 0px 0px 0px 0px;
        background-size: 83%
    }
    .btn {
        font-size: 14px
    }

    p {
        line-height: 1.3;
        font-size: 14px
    }

    nav.navigation_main .btn.sign-in {
        margin: 0 12px;
        float: left;
        padding: 10px 16px !IMPORTANT;
      
    }
    #fh5co-header .container-fluid .row .banner-main{font-size:100%}
   a.contact_link {
        background: #fff;
        padding: 5px 20px;
        font-size: 16px;
        color: #3dade2 !important;
    }

    .blue-bg-btn {
        padding: 8px
    }

    .container_920 {
        width: auto;
        margin: 0 auto
    }

    .content img.img_logo {
        width: 72px
    }

    .content h1 {
        font-size: 21px
    }
    #video_block {
        height: 163px !important
    }
    .content{top:13%}
    .owl-theme .owl-controls .owl-nav [class*="owl-"] {   display: none   !important }
    .owl-theme .owl-dots .owl-dot span{display:inline-block !important}
    .owl-theme .owl-dots .owl-dot {  display: inline-block;    }
    .owl-theme .owl-controls{margin-bottom:10px}
    .featured .thumb{max-height:none; min-height:unset}
    #divVendorMenu .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: none;
        width: auto;
        margin-top: 0;
        left: -200px;
        background-color: #fff;
        border: 0;
        box-shadow: 2px 2px inherit;
        z-index: 9999999;
    }
 #divStoreMemberMenu nav.navigation_main ul.nav li{width:10px; margin:0}
#divStoreMemberMenu .navbar-nav .open .dropdown-menu{width:150px;    position: static;    float: none;      margin-top: 0;    background-color: transparent;    border: 0; text-align: left;   }
#divStoreMemberMenu nav.navigation_main ul.nav li{margin:0}
    #divStoreMemberMenu .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 10px 15px 10px 10px;
        text-align: left
    }
#divStoreMemberMenu .nav > li > a{padding:0 0px 3px 1px}
#divStoreMemberMenu .navbar-nav .open .dropdown-menu {    position: absolute;    float: none;    width: auto;    margin-top: 0;    background-color: #fff;    border: 0;    box-shadow: 2px 2px inherit;    z-index: 9999999;}

    nav.navigation_main.custom_navigation_main .search_box .form-control {
        padding-left: 10px;
        padding-right: 53px;
    }

    .fh5co-nav-toggle i, .fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
        width: 20px;
    }
    .fh5co-nav-toggle {
        padding:0px;
    }

}
/*@media (max-width: 480px){ li.dropdown{width:318px !important; text-align:right !important}}
@media (max-width: 414px){ li.dropdown{width:271px !important; text-align:right !important}}
@media (max-width: 411px){ li.dropdown{width:265px !important; text-align:right !important}}
@media (max-width: 375px){ li.dropdown{width:205px !important; text-align:right !important}}
@media (max-width: 360px){ li.dropdown{width:185px !important; text-align:right !important}}
@media (max-width: 320px){ li.dropdown{width:160px !important; text-align:right !important}}*/
@media (min-width: 480px) and (max-width: 567px) {
    header.site-header .container-fluid.postion-relative nav.navigation_main.custom_navigation_main {
        padding-right: 0;
    }
    #toggleicon {
        top: 39px;
    }
    div#com > div.col-sm-4 {
        max-width: 100%;
        height: auto;
        max-height: 376px
    }
    .three_box_pad p.h3 {font-size: 32px;}
    .three_box_pad { padding: 57px 29px 21px 36px;    }
    .h-contend {height:227px;  max-height: 236px}
    #fh5co-header .container-fluid .row .banner-main {  font-size: 100%    }
    .btn {  font-size: 14px    }
    h1.banner-main{font-size:100%}
    nav.navigation_main .btn.sign-in {  margin: 0 6px;  float: left;    }
    .three_box_pad .col-xs-9 a:link {   font-weight: normal;        font-size: 19px;        display: inline-block;        margin-top: 5px;    }
    .bg-partners .h2 {font-size: 26px; }
    .mx-2 { margin-left: 0 !important;   margin-right: 0 !important;  margin: 10px    }
    a.contact_link {background: #fff;  padding: 5px 20px;  font-size: 16px;   color: #3dade2 !important;    }
    div#lhtc_blog > div.col-sm-4 { max-width: 100%;    }
    .owl-theme .owl-controls .owl-nav [class*="owl-"] {   display: none   !important }
    .owl-theme .owl-dots .owl-dot span{display:inline-block !important}
    .owl-theme .owl-dots .owl-dot {  display: inline-block;    }
    .owl-theme .owl-controls{margin-bottom:10px}
    .fh5co-nav-toggle {  top: 120px !important;    }
    nav.navigation_main .search_box .form-control{margin-top:6px}
    nav.navigation_main .search_box .s-btn{top:11px}
    nav.navigation_main .cart a{margin-top:0; padding: 20px 26px 20px 13px; background-size: 80%}
    .float-right {  float: none    }
    #shop > .position-relative > .position-absolute { bottom: 3%; right: 10%    }
    #shop > .position-relative > .position-absolute .box {margin:0; width:90% }
    #shop > .position-relative > .position-absolute .box .font33{font-size: 34px !important}
    #shop > .position-relative > .position-absolute .box .contendwithimage {  margin-top: 20px;   margin-bottom: 20px}
    .border-right {  border-right:0 !important;}
    .border-left {  border-left: 0 !important; }
    div#com > div.mx-2 {margin-left: 0; margin-right: 0}
    .container_920{padding:0 15px}
     #white .row{margin-left:-15px; margin-right:-15px}
    .content img.img_logo{width:90px}
    .content h1{font-size:19px}
    #video_block { height: 258px !important }
  
}

@media  (min-width: 320px) { #shop > .position-relative {  height: 643px;    max-height: 643px;} }
@media  (min-width: 411px) { #shop > .position-relative {  height: 722px;    max-height: 722px;} }
@media  (min-width: 567px) { #shop > .position-relative {  height: 681px;    max-height: 681px;} }
@media (min-width: 768px) {
    #shop > .position-relative {
        height: 869px;
        max-height: 869px;
    }

    @media (min-width: 1024px) {
        #shop > .position-relative {
            height: 687px;
            max-height: 687px;
        }

            #shop > .position-relative > .position-absolute .box {
                margin: 0;
                width: 90%;
            }

        #toggleicon {
            position: absolute;
            top: 42px;
            right: -16px;
        }

        .sign-holder .mt-1 {
            margin-top: 0;
        }
    }

    @media (min-width: 1024px) and (max-width:1199px) {
        #shop > .position-relative {
            height: 554px;
            max-height: 554px;
        }

            #shop > .position-relative > .position-absolute .box {
                margin: 0;
                width: 40%;
            }

            #shop > .position-relative > .position-absolute {
                top: 8%;
                right: 0%;
            }

        .border-right {
            border-right: 1px solid #d0d0d0 !important;
        }

        .border-left {
            border-left: 1px solid #d0d0d0 !important;
        }
    }


    @media (min-width: 694px) {
        nav .navigation_main .btn.sign-in {
            margin: -5px 5px 6px;
            float: left;
        }
        /*#fh5co-header .container-fluid .row .position-absolute {    top: 45%    }*/
    }

    @media (min-width: 1200px)and (max-width:1366px) {
        .ml-60 {
            margin-left: 800px;
        }

        div#com > div.col-sm-4 {
            max-width: 32.33%;
            height: 371px;
            max-height: 371px;
        }

        .h-contend {
            height: 220px;
            max-height: 220px;
        }

        #shop > .position-relative > .position-absolute {
            bottom: 12%;
            right: 15%;
        }

        div#com > div.mx-2 {
            margin-left: 8px;
            margin-right: 8px;
        }

        #shop > .position-relative > .position-absolute .box {
            margin: 0;
            width: 30%;
        }

        #shop > .position-relative > .position-absolute {
            bottom: 16%;
            right: 16%;
        }

        .mt-103 {
            margin-top: 209px;
        }

        .three_box_pad p {
            font-size: 16px;
        }

        #fh5co-footer .fh5co-footer-links li {
            font-size: 14px;
            list-style: none;
        }

        .border-right {
            border-right: 1px solid #d0d0d0 !important;
        }

        .border-left {
            border-left: 1px solid #d0d0d0 !important;
        }

        p {
            line-height: 1.3;
            font-size: 1em;
        }

        .mt-1 {
            margin-top: -4px;
        }

        nav.navigation_main .btn.sign-in {
            margin: 10px 6px;
            float: left;
        }

        a.contact_link {
            background: #fff;
            padding: 5px 80px;
            font-size: 25px;
            color: #3dade2 !important;
        }

        .container_920 {
            width: 920px;
            margin: 0 auto;
        }

        .content img.img_logo {
            width: auto;
        }

        .content h1 {
            font-size: 42px;
        }

        .banner1 {
            padding-top: 0px;
        }

        .owl-theme .owl-controls .owl-nav [class*="owl-"] {
            display: inline-block !important;
        }
    }


    @media (min-width: 1112px) {
        .ml-60 {
            margin-left: 720px;
        }

        div #com > div.col-sm-4 {
            max-width: 32.33%;
            height: 440px;
            max-height: 440px;
        }

        .mx-2 {
            margin-left: 8px;
            margin-right: 8px;
        }

        .h-contend {
            height: 290px;
            max-height: 300px;
        }

        .mt-4 {
            margin-top: 15px;
        }

        .font-light a {
            display: inline-block;
            padding-top: 4px;
        }

        .three_box_pad p.h3 {
            font-size: 24px;
        }

        .three_box_pad p {
            font-size: 16px;
        }

        #shop > .position-relative > .position-absolute {
            top: 13%;
            right: 5%;
        }

            #shop > .position-relative > .position-absolute .box {
                margin: 0;
                width: 37%;
            }

                #shop > .position-relative > .position-absolute .box .font33 {
                    font-size: 34px !important;
                }

                #shop > .position-relative > .position-absolute .box .contendwithimage {
                    margin-top: 40px;
                    margin-bottom: 40px;
                }

        #video_block {
            height: 585px !important;
        }

        .border-right {
            border-right: 1px solid #d0d0d0 !important;
        }

        .border-left {
            border-left: 1px solid #d0d0d0 !important;
        }

        .owl-theme .owl-controls .owl-nav [class*="owl-"] {
            display: inline-block !important;
        }
    }

    @media (min-width: 1366px) {
        .ml-60 {
            margin-left: 800px;
        }

        .h-contend {
            height: 275px;
            max-height: 275px;
        }

        #shop > .position-relative > .position-absolute {
            top: 13%;
            right: 13%;
        }

        #shop > .position-relative {
            height: 737px;
            max-height: 737px;
        }

        .three_box_pad p {
            font-size: 16px;
        }

        .border-right {
            border-right: 1px solid #d0d0d0 !important;
        }

        .border-left {
            border-left: 1px solid #d0d0d0 !important;
        }

        .owl-theme .owl-controls .owl-nav [class*="owl-"] {
            display: inline-block !important;
        }
    }

    @media (min-width: 1440px) {
        #shop > .position-relative > .position-absolute {
            top: 21%;
            right: 18%;
        }

            #shop > .position-relative > .position-absolute .box {
                margin: 0;
                width: 37%;
            }

        #shop > .position-relative {
            height: 737px;
            max-height: 737px;
        }

        div#com > div.col-sm-4 {
            max-width: 32.33%;
            height: 450px;
            max-height: 450px;
        }

        .mx-2 {
            margin-left: 8px;
            margin-right: 8px;
        }

        .container_920 {
            width: 920px;
            margin: 0 auto;
        }

        a.contact_link {
            background: #fff;
            padding: 5px 80px;
            font-size: 25px;
            color: #3dade2 !important;
        }

        .border-right {
            border-right: 1px solid #d0d0d0 !important;
        }

        .border-left {
            border-left: 1px solid #d0d0d0 !important;
        }

        .owl-theme .owl-controls .owl-nav [class*="owl-"] {
            display: inline-block !important;
        }
    }

    @media (min-width: 1367px) and (max-width: 3000px) {


        nav.navigation_main .btn.sign-in {
            margin: 10px 6px;
            float: left;
        }


        .mt-12 {
            margin-top: 12px !important;
        }
        nav.navigation_main.custom_navigation_main .search_box.mt-12{margin-top:4px!important}
    }



    @media (min-width: 1441px) and (max-width: 1879px) {
        .ml-60 {
            margin-left: 907px;
        }

        .sign-holder .mt-1 {
            margin-top: 0;
        }

        .mt-103 {
            margin-top: 160px;
        }

        div #com > div.col-sm-4 {
            max-width: 32.33%;
            height: 371px;
            max-height: 371px;
        }

        div#com > div.mx-2 {
            margin-left: 8px;
            margin-right: 8px;
        }

        .border-right {
            border-right: 1px solid #d0d0d0 !important;
        }

        .border-left {
            border-left: 1px solid #d0d0d0 !important;
        }

        a.contact_link {
            background: #fff;
            padding: 5px 80px;
            font-size: 25px;
            color: #3dade2 !important;
        }

        .container_920 {
            width: 920px;
            margin: 0 auto;
        }

        .content img.img_logo {
            width: auto;
        }

        .content h1 {
            font-size: 42px;
        }

        .banner1 {
            padding-top: 0px;
        }

        #video_block {
            height: 100% !important;
        }

        .h-contend {
            height: 220px;
            max-height: 220px;
        }

        #shop > .position-relative > .img-responsive {
            width: 100%;
            height: 752px;
        }

        #shop > .position-relative > .position-absolute {
            top: 11%;
            right: 11%;
        }

            #shop > .position-relative > .position-absolute .box {
                margin: 0;
                width: 47%;
            }

                #shop > .position-relative > .position-absolute .box .txtdarkb {
                    font-size: 17px;
                }

                #shop > .position-relative > .position-absolute .box .font33 {
                    font-size: 42px !important;
                }

                #shop > .position-relative > .position-absolute .box .contendwithimage {
                    margin-top: 55px;
                    margin-bottom: 55px;
                }

        .border-right {
            border-right: 1px solid #d0d0d0 !important;
        }

        .border-left {
            border-left: 1px solid #d0d0d0 !important;
        }

        .owl-theme .owl-controls .owl-nav [class*="owl-"] {
            display: inline-block !important;
        }
    }

    @media (min-width: 769px) and (max-width: 3000px) {

        #divLthcBlogSlider .img-responsive {
            /*height: 200px;
        max-height: 200px;
        text-align: center;*/
            height: 240px !IMPORTANT;
            max-height: 250px !IMPORTANT;
            text-align: center;
            width: 100%;
        }


        .learn-more a {
            padding-top: 7px;
            display: block;
        }
    }




    @media (min-width: 1880px) and (max-width: 2500px) {
        #shop > .position-relative > .img-responsive {
            width: 100%;
            height: 752px;
        }

        #shop > .position-relative > .position-absolute .box .txtdarkb {
            font-size: 17px;
        }

        #shop > .position-relative > .position-absolute {
            top: 10%;
            right: 19%;
        }

            #shop > .position-relative > .position-absolute .box {
                margin: 0;
                width: 47%;
            }

                #shop > .position-relative > .position-absolute .box .font33 {
                    font-size: 42px !important;
                }

                #shop > .position-relative > .position-absolute .box .contendwithimage {
                    margin-top: 55px;
                    margin-bottom: 55px;
                }

        .ml-60 {
            margin-left: 1070px;
        }

        .sign-holder .mt-1 {
        }

        .mt-103 {
            margin-top: 160px;
        }

        div #com > div.col-sm-4 {
            max-width: 32.33%;
            height: 371px;
            max-height: 371px;
        }

        div#com > div.mx-2 {
            margin-left: 8px;
            margin-right: 8px;
        }

        .border-right {
            border-right: 1px solid #d0d0d0 !important;
        }

        .border-left {
            border-left: 1px solid #d0d0d0 !important;
        }

        a.contact_link {
            background: #fff;
            padding: 10px 80px;
            font-size: 25px;
            color: #3dade2 !important;
        }

        .container_920 {
            width: 920px;
            margin: 0 auto;
        }

        .content img.img_logo {
            width: auto;
        }

        .content h1 {
            font-size: 42px;
        }

        .banner1 {
            padding-top: 0px;
        }

        #video_block {
            height: 640px !important;
        }

        .h-contend {
            height: 220px;
            max-height: 220px;
        }

        .border-right {
            border-right: 1px solid #d0d0d0 !important;
        }

        .border-left {
            border-left: 1px solid #d0d0d0 !important;
        }

        .owl-theme .owl-controls .owl-nav [class*="owl-"] {
            display: inline-block !important;
        }
    }
    /****************************************************/
    #video_block {
        max-height: 640px;
    }

    .MultiCarousel {
        float: left;
        overflow: hidden;
        padding: 36px 50px;
        width: 100%;
        position: relative;
    }

        .MultiCarousel .MultiCarousel-inner {
            transition: 1s ease all;
            float: left;
        }

            .MultiCarousel .MultiCarousel-inner .item {
                float: left;
            }

                .MultiCarousel .MultiCarousel-inner .item > div {
                    text-align: center;
                    padding: 10px;
                    margin: 10px;
                    background: #f1f1f1;
                    color: #666;
                }

        .MultiCarousel .leftLst, .MultiCarousel .rightLst {
            position: absolute;
            border-radius: 50%;
            top: 26%;
            /*opacity: .6*/
        }

        .MultiCarousel .leftLst {
            left: 0;
            padding: 14px 26px;
            color: #fb2e06;
            font-size: 36px;
            font-weight: bold;
            border: none;
        }

        .MultiCarousel .rightLst {
            right: 0;
            padding: 14px 26px;
            color: #fb2e06;
            font-size: 36px;
            font-weight: bold;
        }

            .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over {
                pointer-events: none;
                /*background: #ccc;*/
            }

    /********************************************************/


    .owl-carousel .owl-controls .owl-nav .owl-prev {
        position: absolute;
        left: -12px;
        top: 25%;
    }

    .owl-carousel .owl-controls .owl-nav .owl-next {
        position: absolute;
        right: -12px;
        top: 25%;
    }

    #divCMPProductSlider .owl-controls .owl-nav .owl-prev {
        position: absolute;
        left: -12px;
        top: 40%;
    }

    #divCMPProductSlider .owl-controls .owl-nav .owl-next {
        position: absolute;
        right: -12px;
        top: 40%;
    }

    #divLthcBlogSlider .owl-controls .owl-nav .owl-prev {
        position: absolute;
        left: -43px;
        top: 25%;
    }

    #divLthcBlogSlider .owl-controls .owl-nav .owl-next {
        position: absolute;
        right: -43px;
        top: 25%;
    }

    #divLthcBlogSlider .img-responsive {
        /*height: 200px;
        max-height: 200px;
        text-align: center;*/
        height: 200px;
        max-height: 250px !IMPORTANT;
        text-align: center;
    }

    #login-modal {
        z-index: 999999 !important;
    }
    /********************************************************/
    #mixedSlider {
        position: relative;
    }

        #mixedSlider .MS-content {
            white-space: nowrap;
            overflow: hidden;
            margin: 0 5%;
        }

            #mixedSlider .MS-content .item {
                display: inline-block;
                width: 33.3333%;
                position: relative;
                vertical-align: top;
                overflow: hidden;
                height: 100%;
                white-space: normal;
                padding: 0 10px;
            }

    @media (max-width: 991px) {
        #mixedSlider .MS-content .item {
            width: 50%;
        }
    }

    @media (max-width: 767px) {
        #mixedSlider .MS-content .item {
            width: 100%;
        }
    }

    #mixedSlider .MS-content .item .imgTitle {
        position: relative;
    }

        #mixedSlider .MS-content .item .imgTitle .blogTitle {
            margin: 0;
            text-align: left;
            letter-spacing: 2px;
            color: #252525;
            font-style: italic;
            position: absolute;
            background-color: rgba(255, 255, 255, 0.5);
            width: 100%;
            bottom: 0;
            font-weight: bold;
            padding: 0 0 2px 10px;
        }

        #mixedSlider .MS-content .item .imgTitle img {
            height: auto;
            width: 100%;
        }

    #mixedSlider .MS-content .item p {
        font-size: 16px;
        margin: 2px 10px 0 5px;
        text-indent: 15px;
    }

    #mixedSlider .MS-content .item a {
        float: right;
        margin: 0 20px 0 0;
        font-size: 16px;
        font-style: italic;
        color: rgba(173, 0, 0, 0.82);
        font-weight: bold;
        letter-spacing: 1px;
        transition: linear 0.1s;
    }

        #mixedSlider .MS-content .item a:hover {
            text-shadow: 0 0 1px grey;
        }

    #mixedSlider .MS-controls button {
        position: absolute;
        border: none;
        background-color: transparent;
        outline: 0;
        font-size: 50px;
        top: 95px;
        color: rgba(0, 0, 0, 0.4);
        transition: 0.15s linear;
    }

        #mixedSlider .MS-controls button:hover {
            color: rgba(0, 0, 0, 0.8);
        }

    @media (max-width: 992px) {
        #mixedSlider .MS-controls button {
            font-size: 30px;
        }
    }

    @media (max-width: 767px) {
        #mixedSlider .MS-controls button {
            font-size: 20px;
        }
    }

    #mixedSlider .MS-controls .MS-left {
        left: 0px;
    }

    @media (max-width: 767px) {
        #mixedSlider .MS-controls .MS-left {
            left: -10px;
        }
    }

    #mixedSlider .MS-controls .MS-right {
        right: 0px;
    }

    @media (max-width: 767px) {
        #mixedSlider .MS-controls .MS-right {
            right: -10px;
        }
    }

    #basicSlider1 {
        position: relative;
    }

        #basicSlider1 .MS-content {
            white-space: nowrap;
            overflow: hidden;
            margin: 0 2%;
            height: 50px;
        }

            #basicSlider1 .MS-content .item {
                display: inline-block;
                width: 20%;
                position: relative;
                vertical-align: top;
                overflow: hidden;
                height: 100%;
                white-space: normal;
                line-height: 50px;
                vertical-align: middle;
            }

    @media (max-width: 991px) {

        #basicSlider1 .MS-content .item {
            width: 25%;
        }
    }

    @media (max-width: 767px) {

        #basicSlider1 .MS-content .item {
            width: 35%;
        }
    }

    @media (max-width: 500px) {

        #basicSlider1 .MS-content .item {
            width: 50%;
        }
    }

    #basicSlider1 .MS-content .item a {
        line-height: 50px;
        vertical-align: middle;
    }

    #basicSlider1 .MS-controls button {
        position: absolute;
    }

    #basicSlider1 .MS-controls .MS-left {
        top: 35px;
        left: 10px;
    }

    #basicSlider1 .MS-controls .MS-right {
        top: 35px;
        right: 10px;
    }



    #basicSlider2 {
        position: relative;
    }

        #basicSlider2 .MS-content {
            white-space: nowrap;
            overflow: hidden;
            margin: 0 2%;
            height: 50px;
        }

            #basicSlider2 .MS-content .item {
                display: inline-block;
                width: 20%;
                position: relative;
                vertical-align: top;
                overflow: hidden;
                height: 100%;
                white-space: normal;
                line-height: 50px;
                vertical-align: middle;
            }

    @media (max-width: 991px) {

        #basicSlider2 .MS-content .item {
            width: 25%;
        }
    }

    @media (max-width: 767px) {

        #basicSlider2 .MS-content .item {
            width: 35%;
        }
    }

    @media (max-width: 500px) {

        #basicSlider2 .MS-content .item {
            width: 50%;
        }
    }


    #basicSlider2 .MS-content .item a {
        line-height: 50px;
        vertical-align: middle;
    }

    #basicSlider2 .MS-controls button {
        position: absolute;
    }

    #basicSlider2 .MS-controls .MS-left {
        top: 35px;
        left: 10px;
    }

    #basicSlider2 .MS-controls .MS-right {
        top: 35px;
        right: 10px;
    }


    /*.MultiCarousel .leftLst, .MultiCarousel .rightLst, .MultiCarousel .leftLst, .MultiCarousel .leftLst {display:none;}
.MultiCarousel-inner .leftLst ::outside {display:block*/
}
/* add new css -28-08-2019*/
.mandatory_contactform {
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
    color: Red;
    font-weight: bold;
}
.readmorenews {
    font-weight: bold;
    color: deepskyblue !important;
}
@media screen and (max-width: 768px) {
    header.site-header .container-fluid.postion-relative.no-login #toggleicon a.js-fh5co-nav-toggle.fh5co-nav-toggle.fh5co-nav-white.active {
        margin-top: -60px;
    }
#toggleicon a.js-fh5co-nav-toggle.fh5co-nav-toggle.fh5co-nav-white.active {
    margin-top: -10px;
}
    #toggleicon {
        position: absolute;
        top: 35px;
        right: -5px;
        z-index: 10000;
    }

    #toggleiconMenu div#fh5co-offcanvas {
        padding: 26px 15px 15px 15px;
    }

        #toggleiconMenu div#fh5co-offcanvas li.mobile-show {
                font-weight: 600;
    border-bottom: solid 2px #333333;
    padding-bottom: 5px;
    width: 100%;
    font-size: 20px;
        }

        #toggleiconMenu div#fh5co-offcanvas li a {
            padding: 8px 0;
            line-height: normal;border-bottom: solid 1px #f1f1f1;
        }
		.offcanvas #toggleiconMenu div#fh5co-offcanvas ul#bar li.mobile-show {
    display: none;
}
#toggleiconMenu div#fh5co-offcanvas li:last-child a {
    border-bottom: none;
}
#toggleiconMenu #fh5co-offcanvas li.open ul.dropdown-menu.sub-menu li a {
    /* border: none; */
    padding-bottom: 8px;
    padding-top: 8px;
}
#toggleiconMenu #fh5co-offcanvas li.open ul.dropdown-menu.sub-menu li.bdr-bottom a{border-bottom:none;}

}
@media(min-width:1070px){
    .custom-css-vendor-text-center strong {
        margin-top: 19px;
    }
}
@media(min-width:769px) and (max-width:1069px){
    nav.navigation_main.custom_navigation_main .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css .welcome {
        padding: 10px 7px 0 6px;
        font: inherit;
        width: 120px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .custom-css-vendor-text-center strong {
        margin-top: 19px;
    }
}
@media(min-width:768px) and (max-width:768px){
    .custom-css-vendor-text-center strong {
        margin-top: 19px;
    }

    nav.navigation_main.custom_navigation_main.vendor-navigation {
        position: static;
    }

    .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css {
        position: absolute;
        top: 0px;
        right: 61px;
        z-index: 100;
    }

        .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css ul.dropdown-menu {
            background: #ffffff;
            padding: 10px;
            -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
            box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
            background-clip: padding-box;
            margin-right: 0px;
        }

        .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css li.dropdown.user-vendor a {
            text-align: right;
        }
}
@media(min-width:641px) and (max-width:767px){
    .custom-css-vendor-text-center strong {
        margin-top: 19px;
    }
    nav.navigation_main.custom_navigation_main.vendor-navigation {
        position: static;
    }
    .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css {
        position: absolute;
        top: 16px;
        right: 41px;
        z-index: 100;
    }
        .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css ul.dropdown-menu {
            background: #ffffff;
            padding: 10px;
            -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
            box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
            background-clip: padding-box;
            margin-right: 0px;
        }
    .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css li.dropdown.user-vendor a{text-align:right;}
}
@media(max-width:640px){
    nav.navigation_main.custom_navigation_main .search_box.mt-12 {
        display: block;
        position: absolute;
        bottom: 15px;
        width: 100%;
        left: 0;
    }
    header.site-header .container-fluid.postion-relative {
        padding-bottom: 60px;
    }
        header.site-header .container-fluid.postion-relative.no-login {
            padding-bottom: 0px;
        }
        header.site-header .container-fluid.postion-relative .header-right {
            position: static;
            
            
        }
        header.site-header .container-fluid.postion-relative.no-login .logo {
            padding: .4em 11px .4em;
        }
        header.site-header .container-fluid.postion-relative nav.navigation_main.custom_navigation_main {
            position: static;
            margin-right: 0px;
            margin-bottom: 0;
            margin-top: 8px;
        }
    #toggleicon {
        position: absolute;
        top: 40px;
        right: 0;
    }
    
    nav.navigation_main.custom_navigation_main .navbar-nav > li > .dropdown-menu {
        left: auto;
        right: 0;
        margin-top: 11px;
        position: absolute;
        background: #ffffff;
        -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
        background-clip: padding-box;
        margin-right: 0px;
    }
    nav.navigation_main.custom_navigation_main .cart a {
        background: no-repeat;
        padding: 10px 0;
        position: relative;
        margin-right: 0px;
        margin-top: 0px;
    }
    nav.navigation_main.custom_navigation_main ul.nav.navbar-nav.pull-right {
        margin-top: 7px;
        margin-right: 18px;
    }
    nav.navigation_main.custom_navigation_main {
        margin-right: -20px;
        margin-top: 0;
    }

    /***20 sep2021 css start***/
   
    .custom-css-vendor-text-center {
        position: absolute;
        bottom: 16px;
        width: 100%;
        border-top: solid 1px #f1f1f1;
        padding-top: 17px;
        float: none !important;
        margin: 0 auto;
        left: 0 !important;
        line-height: 1.2;
    }
    .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css {
        position: absolute;
        right: 57px;
        top: 19px;
    }
}
@media(max-width:480px){
    nav.navigation_main.custom_navigation_main .sign-holder {
        margin-right: 10px !important;
    }
    .logo {
        padding: .4em 11px 0;
    }
    #toggleicon {
        top: 35px;
    }

    header.site-header .container-fluid.postion-relative nav.navigation_main.custom_navigation_main {
        margin-top:6px;
    }
    nav.navigation_main.custom_navigation_main .cart a {
        margin-right: 20px;
    }
    header.site-header .container-fluid.postion-relative.no-login #toggleicon a.js-fh5co-nav-toggle.fh5co-nav-toggle.fh5co-nav-white.active {
        margin-top: -80px;
    }
    #toggleicon a.js-fh5co-nav-toggle.fh5co-nav-toggle.fh5co-nav-white.active {
        margin-top: -10px;
    }
    .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css{top:16px;}
}
@media(max-width:414px){

    nav.navigation_main.custom_navigation_main ul.nav.navbar-nav.pull-right{margin-top:5px;}
    nav.navigation_main.custom_navigation_main .cart a {
        margin-right: 20px;
        margin-top: 0px;
    }
    #fh5co-offcanvas {
        width: 370px;       
        -moz-transform: translateX(370px);
        -webkit-transform: translateX(370px);
        -ms-transform: translateX(370px);
        -o-transform: translateX(370px);
        transform: translateX(370px);
       
    }
    #toggleicon a.js-fh5co-nav-toggle.fh5co-nav-toggle.fh5co-nav-white.active {
        margin-top: -10px;
    }
    .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css {
        position: absolute;
        right: 47px;
        top: 16px;
    }
    .custom-css-vendor-text-center {
        position: absolute;
        bottom: 6px;
        width: 100%;
        border-top: solid 1px #f1f1f1;
        padding-top: 7px;
        float: none !important;
        margin: 0 auto;
        left: 0 !important;
        line-height: 1.2;
    }
}
@media(max-width:411px) {
    #toggleicon {
        top: 33px;
    }
    #topband .sign-holder {
        margin-top: -2px;
        margin-right: 10px;
    }
    .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css {
        top: 17px;
        right:55px;
    }

}

@media(max-width:375px){
    nav.navigation_main.custom_navigation_main .sign-holder .btn.sign-in {
        padding: 10px 16px !IMPORTANT;
    }
    #toggleicon {
        top: 35px;
    }
    #fh5co-offcanvas {
        width: 330px;
        -moz-transform: translateX(330px);
        -webkit-transform: translateX(330px);
        -ms-transform: translateX(330px);
        -o-transform: translateX(330px);
        transform: translateX(330px);
    }
    /***20 sep 2021 css start***/
    .custom-css-vendor-text-center {
        bottom: 8px;
        padding-top: 8px;
        line-height: 1.2;
    }
    .navbar-collapse.collapse.nav-member.pull-right.user-vendor-css {
        position: absolute;
        right: 57px;
        top: 15px;
    }
}
@media(max-width:360px){
    #toggleicon {
        top: 39px;
    }
}
@media(max-width:320px) {
    #fh5co-offcanvas {
        width: 300px;
        -moz-transform: translateX(300px);
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        -o-transform: translateX(300px);
        transform: translateX(300px);
    }
    nav .navigation_main.custom_navigation_main .cart a {
        margin-right: 30px;
        margin-top: 0;
    }
    nav.navigation_main.custom_navigation_main ul.nav.navbar-nav.pull-right {
        margin-top: 6px;
        margin-right: 18px;
    }
    nav.navigation_main.custom_navigation_main .cart a{margin-top:0px;}
}