body { font-family: 'Roboto', sans-serif; color: #0a3e8b; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 400; text-transform: uppercase; }
p { font-size: 16px; line-height: 1.8; font-weight: 300; letter-spacing: 0px; color: #0a3e8b; font-weight: 400; }
a { /*transition: all ease-in-out 0.5s*/ color: #0a3e8b; }
a:hover { text-decoration: none; }
img { max-width: 100%; }
.mb-15 { margin-bottom: 15px; }


/*====scroll bar design====*/
::-webkit-scrollbar {
width:5px;
}
::-webkit-scrollbar-track {
background:transparent;
}
::-webkit-scrollbar-thumb {
background:#444;
}
/*=======================header======================*/
.hdr-top { background: #101111; color: #fff; padding: 5px 0; height: 30px; display: table; width: 100%; overflow: auto; transition: all 0.3s ease-in-out 0s; }
.hdr-top a { color: #fff; }
.cart { text-align: right; }
.cart ul { float: right; margin-bottom: 0; padding-left: 0; }
.cart li { float: left; display: inline-block; }
.cart .dropdown-menu { top: 19px; right: -1px; left: auto; border-radius: 0px; min-width: 130px; }
.cart .dropdown-menu > li { width: 100%; display: block; }
.cart span { margin: 0 5px; }
.navbar > .container .navbar-brand { margin-left: 0; }


.navbar-brand > img { /*width: 100%;*/ max-height: 3.6em; transition: all 0.3s ease-in-out 0s; }
.ph-no { text-align: center; margin: 3.6em 0 0; font-size: 18px; color: #0a3e8b; line-height: 1; }
.ph-no a { color: #131879; }
.cart-icon { float: left; font-size: 29px; margin-left: 15px; margin-top: -10px; }
.top-bar { padding-left: 5px; }
.badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.label-warning[href],
.badge-warning[href] { background-color: #c67605; }
#lblCartCount { font-size: 12px; background: #ff0000; color: #fff; padding: 0 5px; vertical-align: top; margin-left: -10px; }
.tel-head { display: inline-block; margin-bottom: 10px; }
.menu-head { display: inline-block; }
.header-right { text-align: right; padding-top: 4.5em; }
.space { top: 0; }
.space .hdr-top { visibility: hidden; height: 0px; padding: 0; background: transparent; overflow: hidden; margin-top: -32px; transition: all 0.3s ease-in-out 0s; }
.space .top-bar { visibility: hidden; height: 0px; overflow: hidden; transition: all 0.3s ease-in-out 0s; }
.space .ph-no { margin: 2.2em 0 0; }
.space .navbar-fixed-top { background-color: rgba(255,255,255,0.9); border: none; box-shadow: 0 0 5px #aaa; }
.space .navbar-brand { padding-top: 0.5em; margin-top:20px;}
.space .navbar-brand > img { max-height: 2em; }
.space .top-menu { margin-top: 12px; }
.space #myNavbar { margin-top: 15px; }
.space .header-right { padding-top: 1.5em; }
/*---------------------------main menu-----------------------------*/
.navbar { margin-bottom: 0px; }
.navbar-brand { height: auto; padding: 1em 0 0; margin-top:24px; }
.navbar-default { border-color: transparent; background-color: #fff; box-shadow: 1px 1px 4px #f6f6f6; -moz-box-shadow: 1px 1px 4px #f6f6f6; -webkit-box-shadow: 1px 1px 4px #f6f6f6; padding-bottom: 6px; }
.navbar-nav>li { padding: 0px 5px 0 13px; background-image: url(../images/divider.png); background-position: left 9px; background-repeat: no-repeat; }
.navbar-nav>li:first-child { background-image: none; }
.navbar-nav>li:last-child { padding-right: 0px; }
.navbar-nav>li>a { font-size: 17px; font-weight: 400; color: #797b7c; padding: 2px; position: relative; }
.navbar-default .navbar-nav > li > a { color: #131879; font-weight: bold; }
.navbar-nav > li:last-child a { padding-right: 0px; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:hover { color: #0a3e8b; background-color: transparent; }
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover { background-color: transparent; }
.navbar-right { margin-right: 0px; margin-top: 15px; }
.navbar-default .navbar-toggle:focus { background-color: transparent; }
.navbar-default .navbar-toggle:hover { background-color: #333; }
.navbar-toggle { border-radius: 0px; margin-right: 0px; transition: all 0.3s ease-in-out 0s; }
/*==dropdown==*/
.dropdown-menu { padding: 0; margin-top: 5px; }
.dropdown-menu > li { border-bottom: solid 1px #eee; }
.dropdown-menu > li > a { padding: 5px 14px; font-size: 13px; }
.dropdown-menu > li > a:hover { background: #0a3e8b; color: #fff; }
ul.dropdown-submenu { display: none; z-index: 999999; margin: 0 0 0 0; padding: 10px 0 0 10px; background-color: #635853; }
ul.dropdown-submenu li { background-color: #635853; list-style: none; min-width: 250px; line-height: 2; text-transform: uppercase; padding: 5px; }
ul.dropdown-submenu li>a { color: #fff; font-size: 11px; }
ul.dropdown-submenu li>a:hover { color: #989898 }
.navbar-default .navbar-nav>li:hover ul.dropdown-submenu { display: block !important; opacity: 1.0; position: absolute; top: 100%; left: 0px; }
.top-menu { float: right; margin-top: 2px; width: 100% }
.top-menu li { display: inline-block; padding-left: 14px; float: right; }
.top-menu >li a { text-transform: uppercase; color: #000000; font-size: 15px; }
.top-menu >li a:hover { color: #797b7c; }
.top-bar { float: left; }
.search { float: right; }
.search .form-inline .form-group { vertical-align: top; }
.search fieldset { margin-top: 18px; }
.search .btn-default { border-radius: 0; height: 27px; padding: 3px 8px; margin-left: -4px; background: #0a3e8b; color: #fff; border: none; }
.search .btn-default:hover { background: #000; }
.search .form-control,
.search .btn-default { border-radius: 0; height: 27px; font-size: 13px; }
.social-icon { float: left; }
.social-icon a { display: inline-block; display: inline-block; padding: 3px 0 3px; background: #0a3e8b; color: #fff; margin-top: 18px; width: 27px; margin-right: 5px; float: right; text-align: center; }
.social-icon a:hover { background: #000; color: #fff; }
/*==============================main slider================================*/
.main-slider { margin-top: -20px; }
#main-slider img { width: 100%; }
#main-slider .owl-dots { display: none; }
#main-slider .owl-dots,
#prod-detail .owl-dots { text-align: center; position: absolute; width: 100%; bottom: -8px; z-index: 999; }
#main-slider .owl-dot.active,
#prod-detail .owl-dot.active { background-color: #ccc; border-color: #ccc; border-radius: 100px; }
#main-slider .owl-dot,
#prod-detail .owl-dot { width: 15px; height: 15px; border: 1px solid #ccc; display: inline-block; margin: 5px; border-radius: 100px; }
#main-slider .owl-nav,
#prod-detail .owl-nav { top: 43%; position: absolute; width: 100%; }
#main-slider .owl-next,
#main-slider .owl-prev,
#prod-detail .owl-next,
#prod-detail .owl-prev { border: 1px solid #ccc; color: #ccc; width: 37px; height: 61px; text-align: center; font-size: 108px; line-height: 39%; display: inline-block; margin: 0 25px; }
#main-slider .owl-next,
#prod-detail .owl-next { float: right; }
#main-slider .owl-prev,
#prod-detail .owl-prev { float: left; }
.slide { position: relative; }
.slide-content { position: absolute; left: 7%; right: 0px; bottom: 90px; min-height: 55%; width: 50%; text-align: left; }
.slide-content h1 { font-weight: 400; font-size: 38px; letter-spacing: 1px; color: #fff; margin-bottom: 42px; display: inherit; }
.slide-content p { font-weight: 300; font-size: 22px; color: #fff; line-height: 50px; margin-bottom: 50px; }
.slide-content p span { background-color: rgba(255,255,255,0.4); padding: 8px; margin-bottom: 10px; }
.slide-content .more { text-transform: uppercase; padding: 12px 25px; }
.banner { margin-bottom: 10px; }
.banner img { max-height: 200px; width: 100%; }
.banner-img img { width: 100%; }
/*==============================main-section (general)================================*/
main { padding-top: 90px; }
.main-content { padding: 50px 0; }
h1 { font-weight: 400; text-transform: uppercase; margin: 0 auto 22px; font-size: 30px; position: relative; display: table; color: #fff; }
.section-title { font-weight: 400; text-transform: uppercase; margin: 0 auto 40px; font-size: 24px; letter-spacing: 3px; position: relative; display: table; }
.section-title::before { content: ''; position: absolute; left: -82px; width: 70px; height: 2px; background: #333; top: 16px; }
.section-title::after { content: ''; position: absolute; right: -82px; width: 70px; height: 2px; background: #333; top: 16px; }
.more { background: #131879; padding: 8px 18px; color: #fff; font-size: 16px; border: none; border-radius: 15px; }
.more:focus,
.more:visited { color: #fff; text-decoration: none; }
.more:hover { background: #000; color: #fff; }
.featurd-prod-panel .owl-carousel .owl-item img,
.pop-prod-panel .owl-carousel .owl-item img,
.sim-prod-panel .owl-carousel .owl-item img { width: auto; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
/*=================================left-panel==============================*/
.search-filter { }
.search-filter h3 { font-size: 18px; color: #0a3e8b; font-weight: bold; text-transform: uppercase; margin-bottom: 8px; }
.search-filter-box { margin-bottom: 35px; }
.search-filter-box ul { padding-left: 0; overflow: auto;/*  height: 500px;*/ }
.search-filter-box ul li.has-submenu:before { content: '\25bc'; }
.search-filter-box ul li.menu-active:before { content: '\25ba'; }
.search-filter-box ul ul { padding-left: 24px; }
.search-filter-box ul li { list-style-type: none; line-height: 28px; }
.search-filter-box ul li a { font-size: 13px; color: #0a3e8b; }
.search-filter-box ul ul li a { color: #0a3e8b; }
.search-filter-box ul li a:hover { color: #000; }
.chkbox,
.radio-btn { float: right; }
/*=================================featured product panel==============================*/

.featurd-prod-panel { /*padding: 75px 0 18px; margin-top: 30px;*/ text-align: center; background-image: url(../images/featurd-prod-bg.jpg); background-repeat: no-repeat; background-size: cover; }
.featurd-prod-panel .section-title { color: #fff; }
.featurd-prod-panel .section-title::before,
.featurd-prod-panel .section-title::after { background-color: #fff; }
.featurd-prod-panel p,
.newsletter p { font-size: 18px; color: #fff; font-weight: 300; line-height: 25px; }
.featurd-prod-item { margin-bottom: 40px; /*transition: all ease-in-out 0.5s; padding:0 10px; margin:27px 5px 5px;*/ }
.featurd-prod-item:hover { }
.featurd-prod-thumb { margin: 10px auto; overflow: hidden; text-align: center; height: 340px; position: relative; border-bottom: solid 3px #0a3e8b;/* border-top: solid 1px #eee; border-left: solid 1px #eee; border-right: solid 1px #eee; */ }
.featurd-prod-thumb img { width: 100%; height: 100%; /*max-height: 100%;*/ max-width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.prod-list .featurd-prod-panel .col-md-3 { padding: 0 8px; }
/*.prod-watch .featurd-prod-thumb {height:360px;}
.prod-watch .featurd-prod-thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    padding: 30px;
}

.prod-watch .featurd-prod-item {margin-bottom: 45px;}*/
    



.prod-desc { padding: 0 0 20px 0; /*min-height: 280px;*/ }
.info-title { text-align: left; font-weight: bold; }
.info-detail { text-align: left; font-size: 12px; }
#featurd-prod { margin-top: 30px; padding-bottom: 60px; }
#featurd-prod .owl-dots { display: none; }
#featurd-prod .owl-nav { top: 28%; position: absolute; width: 100%; }
#featurd-prod .owl-next { border: 1px solid #ccc; color: #ccc; width: 40px; height: 40px; text-align: center; font-size: 60px; line-height: 45%; display: inline-block; margin: 0 5px; float: right; }
#featurd-prod .owl-prev { border: 1px solid #ccc; color: #ccc; width: 40px; height: 40px; text-align: center; font-size: 60px; line-height: 45%; display: inline-block; margin: 0 5px; float: left; }
.brand-nm { color: #fff; margin: 28px 0; display: block; text-transform: uppercase; font-size: 12px; }
.brand-nm:hover { color: #eee; }
/*=================================popular product panel==============================*/

.pop-prod-panel { padding: 66px 0 8px; text-align: center; background-color: #fff; }
.pop-prod-item { transition: all ease-in-out 0.5s; padding: 15px; margin: 5px; border: solid 1px #eee; }
.pop-prod-item .more { background: rgba(0,0,0,0.6); position: absolute; top: 42%; left: 0; right: 0; width: 57%; margin: 0 auto; color: #fff; }
.pop-prod-thumb { margin: 0 auto; overflow: hidden; text-align: center; height: 210px; position: relative; }
.overlay { position: absolute; bottom: 100%; left: 0; right: 0; overflow: hidden; width: 100%; height: 0; transition: .5s ease; }
.pop-prod-thumb:hover .overlay { bottom: 0; height: 100%; }
.view { white-space: nowrap; color: white; font-size: 20px; position: absolute; overflow: hidden; top: 46%; left: 49%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.view a { color: #fff; background: #0a3e8b; font-size: 14px; padding: 9px 32px 9px; line-height: 40px; }
.view a:hover { color: #fff; background: #21adcf; }
#popular-prod,
#similer-prod { margin-top: 30px; padding-bottom: 60px; }
#popular-prod .owl-dots,
#similer-prod .owl-dots { display: none; }
#popular-prod .owl-nav,
#similer-prod .owl-nav { margin-top: 32px; }
#popular-prod .owl-next,
#similer-prod .owl-next { border: 1px solid #ccc; color: #ccc; width: 40px; height: 40px; text-align: center; font-size: 60px; line-height: 45%; display: inline-block; margin: 0 5px; }
#popular-prod .owl-prev,
#similer-prod .owl-prev { border: 1px solid #ccc; color: #ccc; width: 40px; height: 40px; text-align: center; font-size: 60px; line-height: 45%; display: inline-block; margin: 0 5px; }
.more-work-block-home { margin-top: 40px; }
.contact-panel-home { padding: 30px 0 50px; text-align: center; }
.en-input { padding: 10px 15px; border: 1px solid #ccc; font-size: 15px; width: 100%; margin-bottom: 10px; font-weight: 300; transform: all linear 0.6s; resize: none; border-radius: 0px }
.en-input:focus { border-right: 1px solid #000; border-left: 1px solid #000; border-top: 1px solid #000; border-bottom: 1px solid #000; outline: none; transform: all linear 0.6s; }
.form-block-home { width: 50%; margin: 0 auto; }
.form-block-home form { margin-top: 30px; }
.form-block-home p a { color: #000; }
.form-block-home p a:hover { color: #555; }
/*====================footer====================*/
.footer-panel { background-color: #fff; padding: 50px 0; }
.footer-panel h2 { font-size: 18px; color: #0a3e8b; text-transform: uppercase; border-bottom: solid 1px #fff; padding-bottom: 6px; margin-bottom: 25px; margin-top: 0; font-weight: bold; }
.footer-panel .list-inline > li { display: block; line-height: 25px; }
.footer-panel li,
.footer-panel a { color: #0a3e8b; font-size: 13px; }
.footer-panel a:hover { color: #000; }
.footer-panel li span { color: #0a3e8b; font-weight: bold; }
.copyright { text-align: center; }
.copyright a { color: #0a3e8b; font-weight: bold; }
.copyright p { font-size: 13px; color: #0a3e8b; text-transform: capitalize; }
.footer-panel .col-md-3 { width: 20%; margin-right: 76px; }
.no-mgn { margin-right: 0 !important; }
.footer-panel .social-icon { float: left; }
/*=====================Inner Pages====================*/
.inner-content { padding: 50px 0; min-height: calc(100vh - 383px); }
.inner-content p { text-align: left; line-height: 26px; }
.inner-content .section-title { color: #0a3e8b; }
.inner-content .section-title::before,
.inner-content .section-title::after { background: #0a3e8b; }
/*-------------------Brand listing------------------*/
.prod-list { margin-top: 20px; }
.prod-list .prod-panel { }
.prod-list .prod-item { }
.prod-list .prod-thumb { position: relative; overflow: hidden; text-align: center; }
.prod-list .prod-thumb:before { display: block; content: " "; width: 100%; padding-top: 100%; }
.prod-list .prod-thumb figure { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); }
.prod-list .prod-thumb figure img { }
.prod-list .brand-nm { color: #0a3e8b; }
.prod-list .brand-nm { margin: 15px 0; }
.wishlist { top: 10px; right: 26px; position: absolute; }
.wishlist a { font-size: 16px; }
.wishlist a .fa-heart-o { color: #000; }
.wishlist a .fa-heart { color: red; }
/*-------------------Product detail------------------*/
div#thumbs { cursor: pointer; }
#thumbs img { width: 60px; height: 70px; margin-right: 10px; margin-top: 10px; }
.prod-dtl .form-control { height: 38px; padding: 0px 15px; float: left; border: solid 1px #eee; }
.prod-dtl fieldset { margin-top: 28px; }
.prod-dtl .btn-default { border-radius: 0px; background: #353232; height: 38px; padding: 0 40px; border: none; color: #fff; font-size: 16px; }
.prod-dtl .btn-default:hover { background: #000; }
.prod-dtl .owl-carousel .owl-item img { display: block; width: 230px; max-width: 100%; margin: 14px auto 40px; }
.sim-prod-panel { text-align: center; border-top: solid 1px #efefef; padding-top: 41px; }
/*-------------------Contact Us------------------*/

.contact { margin-top: 30px; }
.contact h4 { font-size: 16px; margin-top: 4px; margin-bottom: 4px; color: #0a3e8b; font-weight: bold; }
.contact .form { /*margin-top: 20px;*/ }
.contact .form-control { height: 40px; padding: 7px 15px; margin-bottom: 10px; float: left; width: 100%; border: 1px solid #ccc; }
.contact textarea.form-control { height: 90px; resize: none; }
.contact fieldset { margin-top: 28px; }
.contact .btn-default,
.top-menu-pgs .btn-default { border-radius: 15px; }
.contact-details li { display: block; font-size: 14px; line-height: 22px; }
.contact-details li,
.contact-details li a { color: #0a3e8b; }
.contact-details li span { color: #0a3e8b; font-weight: 400; }
.map { overflow: hidden; }
.map-box { margin: 0px; padding: 0px }
.map iframe { width: 100%; }
/*-------------------Login------------------*/
.top-menu-pgs { padding-top: 12px; }
.top-menu-pgs h5 { font-size: 14px; margin-top: 0px; margin-bottom: 20px; line-height: 26px; letter-spacing: 0; text-align: center; }
.top-menu-pgs .form-group { margin-bottom: 12px; }
.top-menu-pgs .form-control { height: 35px; padding: 7px 15px; margin-bottom: 0px; width: 82%; float: left; border: 1px solid #ccc; }
.top-menu-pgs .reg .form-control { width: 55%; }
.forms { width: 580px; margin: 0 auto; }
.reg { width: auto; }
.top-menu-pgs .form-horizontal .control-label { text-align: left; }
.forgot-pwd a { color: #b1b1b1; font-size: 13px; text-decoration: underline; }
.forgot-pwd a:hover { text-decoration: none; }
.error { color: red; margin-bottom: 16px; }
.error p { color: red; margin-bottom: 16px; }
/*-------------------My Accountt------------------*/
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover { background: #0a3e8b; color: #fff; }
#myTabs .list-group-item.active,
#myTabs .list-group-item.active:focus,
#myTabs .list-group-item.active:hover { color: #fff; background-color: #0a3e8b; }
#myTabs .list-group-item.active { border-color: #eee; }
.tab-content h5 { text-align: left; margin-bottom: 18px; margin-top: -4px; font-size: 18px; }
.tab-content h5 a { text-transform: none; color: #9C9C9C; font-size: 16px; font-weight: 400; }
.tab-content h5 a:hover { color: #858585; }
.prod-list .col-md-4 { margin-bottom: 20px; }
.tab-content .prod-list { margin-top: 0; }
.tab-content .featurd-prod-panel { overflow: hidden; }
.list-group .nav-tabs { border-bottom: none; }
.top-menu-pgs #myTabs .form-control { width: 60%; }
.top-menu-pgs #myTabs .forms { margin: 0; }
/*-------------------Shopping Cart------------------*/

.shp-crt { margin-top: 22px; margin-bottom: 35px; }
.shp-crt td,
.shp-crt th { text-align: center; padding: 8px; }
.shp-crt th td { font-size: 16px; font-weight: bold; }
.shp-crt tr td { font-size: 14px; }
.shp-crt img { max-width: 100%; height: 110px; }
.subtottal b { color: #000; }
.buttons { text-align: center; }
.buttons .more { margin-left: 10px; }
.btn-primary { background-color: #0a3e8b; border-color: #0a3e8b; }
/*-------------------Search result------------------*/
.srch-result-pan { border: solid 1px #dcdcdc; background: #fdfdfd; padding: 8px 15px 8px 15px; margin-top: 5px; }
.result { line-height: 25px; }
.sorting { text-align: right; }
.sorting .form-group { width: 100%; }
.sorting .form-control { height: 24px; padding: 0; float: right; }
.sorting .form-inline .control-label { line-height: 25px; margin-right: 5px; }
.srch-txt { color: #0a3e8b; }
.pagination { margin: 0; float: right; }
.pagination > li > a,
.pagination > li > span { padding: 1px 8px; color: #0a3e8b; }
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover { background: #0a3e8b; }
.pagination > .active > a { border-color: #0a3e8b; }
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-radius: 0; }
.breadcrumb { background: transparent; padding: 0 15px; }
.breadcrumb a { color: #0a3e8b; }
.btn-default { }
.scroll-to-top { float: right; right: 38px; position: absolute; padding: 5px 8px; }
.fa.fa-chevron-up { font-size: 27px; }
#scrollUp { bottom: 0; right: 30px; width: 70px; height: 70px; margin-bottom: -10px; padding: 10px 5px; font: 14px/20px sans-serif; text-align: center; text-decoration: none; text-shadow: 0 1px 0 #fff; color: #828282; -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); background-color: #E6E6E6; background-image: -moz-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EBEBEB), to(#DEDEDE)); background-image: -webkit-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: -o-linear-gradient(top, #EBEBEB, #DEDEDE); background-image: linear-gradient(to bottom, #EBEBEB, #DEDEDE); background-repeat: repeat-x; -webkit-transition: margin-bottom 150ms linear; -moz-transition: margin-bottom 150ms linear; -o-transition: margin-bottom 150ms linear; transition: margin-bottom 150ms linear; }
#scrollUp:hover { margin-bottom: 0; }
.locate-text { margin: 0; float: right; font-weight: 700; font-size: 12px; padding-top: 19px; display: none; }
.call-text { float: right; margin-top: 22px; text-align: right; }
.call-text a { color: #0a3e8b; font-weight: bold; }
.prod-thumbnail { display: block; width: 181px/*140px*/; margin: 0 auto 15px; overflow: auto; padding: 10px 30px; text-align: center; }
.prod-thumbnail ul { padding: 0; margin: 0; }
.prod-thumbnail li { display: inline-block; list-style-type: none; float: left; margin: 0 5px; }
.prod-thumbnail img { width: 30px; height: 30px; float: left; }



/*============Responsive============*/



@media (max-width:767px) {
.prod-screen .col-sm-3 { width: 25%; display: inline-block; padding-right: 0; padding-left: 7px; }
.prod-screen .col-sm-9 { width: 75%; float: right; }
.ph-no { margin-top: 0 !important; font-size: 16px; padding: 0.5em 0; }
.locate-text { text-align: left; width: 100%; padding-top: 0; margin-top: -20px; }
.main-content { padding-top: 0; }
.info-title { text-align: right; }
.shw-dsktp { display: none; }
.shw-mob { display: block; }
.hdr-top { font-size: 11px; }
.space .navbar-fixed-top { background: #fff; }
p { font-size: 16px; }
.navbar-default { padding-bottom: 0; }
.navbar-default .navbar-brand { padding-top: 8px; padding-bottom: 0px; }
.navbar-brand > img { width: 238px; }
.navbar-left,
.navbar-right { float: none !important; }
.navbar-toggle { margin-top: 21px; transition: all 0.3s ease-in-out 0s; }
.space .navbar-brand > img { width: 185px; }
.space .navbar-toggle { /*margin-top: 22px; margin-bottom: 19px;*/ transition: all 0.3s ease-in-out 0s; }
.space .navbar-default .navbar-brand { padding-top: 16px; padding-bottom: 0; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { border: 0px; }
.navbar-nav>li { display: inline-block; width: 100%; }
.navbar-nav > li:first-child { background-image: url(../images/divider.png); background-position: left 11px; background-repeat: no-repeat; }
.navbar-collapse.collapse { width: 100%; border: transparent; }
.navbar-collapse.collapse { display: none!important; }
.navbar-fixed-top .navbar-collapse { max-height: 460px; }
.navbar-nav .open .dropdown-menu { box-shadow: solid 1px #eee; }
.navbar-nav .open .dropdown-menu > li > a { padding: 5px 10px; line-height: 14px; }
.collapse.in { display: block !important; }
ul.dropdown-submenu { display: block; float: left; width: 100%; padding-top: 0px; padding-left: 20px; position: static; }
ul.dropdown-submenu li { display: inline-block; width: 100%; text-transform: capitalize; line-height: 14px; }
ul.dropdown-submenu li>a { letter-spacing: normal; font-weight: 300; }
.top-menu { padding-left: 0; margin: 0 auto; padding-bottom: 24px; border-bottom: solid 2px #0a3e8b; }
.top-menu li { padding-left: 11px; display: block; background-image: url(../images/divider.png); background-position: 2px 8px; background-repeat: no-repeat; margin-left: 0px; overflow: auto; float: right; display: inline-block; }
.top-menu > li a { font-size: 10px; }
.header-right { text-align: left; padding-top: 0 !important; }
.cart-icon { margin: 0 auto; float: none; /*width: 45px;*/ display: block; }
.menu-head { width: 100%; }
header .social-icon { float: right; }
header .social-icon a:first-child { margin-right: 0; }
header .social-icon a { padding: 2px 0 1px; }
.top-bar { float: right; padding: 0; }
.search { float: none; }
.search fieldset { width: 100%; margin-top: 10px; }
.search .form-control,
.search .btn-default { height: 23px; font-size: 11px; }
.search .form-control { padding: 3px 12px; }
.search .form-group { float: left; }
.main-slider { margin-top: 0; }
#main-slider .owl-nav { display: none; }
#main-slider .owl-dots { bottom: -22px; }
.owl-dot { width: 10px; height: 10px; margin: 5px; }
.slide-content p span { background: none; padding: 0; }
h1,
.section-title { font-size: 20px; letter-spacing: 0px; margin-bottom: 5px; }
.section-title::before,
.section-title::after { display: none; }
#featurd-prod .owl-nav { top: 31%; }
.featurd-prod-panel p,
.newsletter p { font-size: 15px; line-height: 22px; }
.prod-list { margin-top: 0; }
.pop-prod-panel ul li { width: calc(97% / 2 * 1);
}
.featurd-prod-panel,
.pop-prod-panel { padding: 0; }
.prod-list .featurd-prod-item { height: auto; }
.newsletter { padding: 40px 0 40px; }
.newsletter .form-group { width: 99%; }
.newsletter .form-control { margin-bottom: 10px; text-align: center; }
.footer-panel { padding: 25px 0 30px; }
.footer-panel .col-md-3 { width: 100%; }
.footer-panel h2 { margin-bottom: 10px; margin-top: 25px; text-align: center; font-weight: bold; }
.list-inline > li { padding-left: 0; padding-right: 0; text-align: center; }
.copyright { margin-top: 15px; text-align: center; position: relative; }
.footer-panel .social-icon { width: 96px; margin: 0 auto; float: none; }
main { padding-top: 162px; }
.inner-content { padding-top: 0px; }
.cart .dropdown-menu > li > a { font-size: 11px; }
.prod-dtl .col-md-6 { text-align: center; }
.prod-list .featurd-prod-panel,
.prod-list .featurd-prod-item { margin-bottom: 30px; }
.prod-list .featurd-prod-item { position: relative; }
.wishlist { right: 12px; }
#prod-detail .owl-next,
#prod-detail .owl-prev { margin: 0; }
.prod-dtl h4 { margin-top: 20px; }
.prod-dtl .form-control { margin-bottom: 10px; text-align: center; }
.contact .list-inline { margin-left: 0; }
.contact,
.contact h4,
.contact .list-inline > li,
.contact .form-control { text-align: center; }
.map-box { margin-top: 25px; }
.forms { width: auto; }
.top-menu-pgs { margin: 0 15px; }
.top-menu-pgs .form-control,
.top-menu-pgs .reg .form-control,
.top-menu-pgs #myTabs .form-control { width: 100%; }
.top-menu-pgs label { float: left; width: 200px; }
.top-menu-pgs label { padding-left: 0; }
.error { margin-left: -15px; }
#myTabs .list-group { padding: 0; margin-bottom: 38px; }
.top-menu-pgs #myTabs .forms { margin-left: 15px; margin-right: 15px; }
.srch-result-pan { font-size: 11px; }
.sorting .form-group { margin-bottom: 0; }
.prod-desc { min-height: auto; }
.pagination { float: none; display: table; }
.featurd-prod-thumb { height: 462px; }
}
 @media (min-width:480px) and (max-width:767px) {
.hdr-top .col-md-4 { padding: 0 14px; }
.slide-content { bottom: 43px; left: 12%; min-height: 55%; width: 43%; }
.slide-content h1 { font-size: 16px; letter-spacing: 0px; margin-bottom: 8px; }
.slide-content p { font-size: 13px; line-height: 20px; margin-bottom: 18px; }
.slide-content .more { padding: 8px 16px; font-size: 14px; }
.sorting { margin-bottom: 20px; }
.sorting .form-control { width: auto; }
.banner-img { margin-top: -25px; }
.featurd-prod-thumb img { width: 70%; }
}
 @media (min-width:320px) and (max-width:479px) {
.locate-text { text-align: center; width: 100%; padding-top: 0; margin-top: 0px; }
.search-filter-box ul li a { font-size: 11px; }
.pagination > li > a,
.pagination > li > span { padding: 1px 5px; }
.hdr-top .col-md-4 { text-align: center; float: none !important; }
.top-bar { display: none; }
.cart ul { width: 143px; margin: 0 auto; float: none; }
.slide-content { bottom: 30px; left: 6%; min-height: 55%; width: 48%; }
.slide-content h1 { font-size: 12px; letter-spacing: 0px; margin-bottom: 5px; }
.slide-content p { font-size: 10px; line-height: 15px; margin-bottom: 10px; }
.slide-content .more { padding: 4px 8px; font-size: 10px; }
.more { padding: 8px 6px; font-size: 12px; }
.sorting { text-align: center; float: none; margin-top: 10px; float: none; width: 280px; margin: 0 auto; }
.sorting .form-control { width: 170px; }
.banner-img { margin-top: -65px; }
.featurd-prod-thumb img { width: 100%; }
}
 @media (min-width:768px) and (max-width:991px) {
.container { width: 724px !important; }
.navbar-brand { padding: 23px 0 0; }
.navbar-brand > img { width: 185px; }
.navbar-nav>li>a { font-size: 13px; }
.space .navbar-brand > img { width: 170px; }
.social-icon a,
.search fieldset { margin-top: 5px; }
.top-menu { float: right; margin-top: 5px; margin-bottom: 2px; }
.top-menu > li a { font-size: 13px; }
.navbar-nav>li { padding: 0 2px 0 10px; }
.navbar-nav>li>a { font-size: 10px; }
.navbar-default { padding-bottom: 0; }
.locate-text { font-size: 11px; }
ul.dropdown-submenu { display: block; float: left; width: 100%; padding-top: 0px; padding-left: 20px; }
ul.dropdown-submenu li { display: inline-block; width: 100%; text-transform: capitalize; line-height: 14px; }
ul.dropdown-submenu li> a { font-weight: 300; letter-spacing: normal; }
.top-menu { width: 71%; }
.ph-no { font-size: 15px; margin: 35px 0 0 0; }
#main-slider .owl-dots { bottom: -14px; }
.owl-dot { width: 10px; height: 10px; margin: 5px; }
#main-slider .owl-next,
#main-slider .owl-prev { width: 36px; margin: 0 13px; }
.slide-content { bottom: 48px; left: 8%; }
.slide-content h1 { font-size: 25px; margin-bottom: 25px; }
.slide-content p { font-size: 14px; line-height: 40px; margin-bottom: 24px; }
.slide-content .more { padding: 8px 16px; font-size: 14px; }
main { padding-top: 67px; }
#featurd-prod .owl-nav { top: 24%; }
.brand-nm,
.more { font-size: 14px; }
.pop-prod-item .more { top: 39%; }
.footer-panel h2 { font-size: 15px; }
.footer-panel .col-md-3 { width: 25%; margin-right: 0px; float: left; }
#prod-detail .owl-next,
#prod-detail .owl-prev { margin: 0; }
#myTabs .list-group { margin-left: 15px; margin-bottom: 38px; }
.srch-result-pan { font-size: 11px; padding: 8px 0px 8px 2px; }
.sorting .form-inline .control-label { margin-right: 0; }
.pagination > li > a,
.pagination > li > span { padding: 1px 5px; }
.call-text { margin-top: 8px; }
.featurd-prod-thumb { height: 385px; }
}
 @media (min-width:992px) and (max-width:1199px) {
.container { width: 924px !important; }
.navbar-brand { padding: 25px 0 12px; }
ul.dropdown-submenu { display: block; float: left; width: 100%; padding-top: 0px; padding-left: 20px; }
ul.dropdown-submenu li { display: inline-block; width: 100%; text-transform: capitalize; line-height: 14px; }
ul.dropdown-submenu li>a { font-weight: 300; letter-spacing: normal; }
.navbar-nav>li>a { font-size: 13px; }
#main-slider .owl-dots { bottom: -5px; }
.owl-dot { width: 10px; height: 10px; margin: 5px; }
#main-slider .owl-next,
#main-slider .owl-prev { width: 36px; margin: 0 13px; }
.slide-content { bottom: 48px; }
.slide-content h1 { font-size: 35px; }
#featurd-prod .owl-nav { top: 29%; }
.footer-panel .col-md-3 { width: 22%; margin-right: 35px; }
.srch-result-pan { font-size: 12px; }
.sorting .form-inline .control-label { margin-right: 0; }
.call-text { margin-top: 22px; }
.featurd-prod-thumb { height: 220px; }
}
