body{ background:#fff; color:#000; padding:0; margin:0; font-size:14px; font-family: 'Karla', sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
img{ max-width:100%; height:auto; display:block; }
a{ text-decoration:none;}
a:active, a:hover, a:focus { outline: none !important; text-decoration:none !important; }
ul, ol{ margin:0; padding:0;}
ul li{ list-style:none;}
p{ margin-bottom:4px; font-size:16px; color:#333;}
.clear{ clear:both; overflow:hidden; height:0px;}
.clearfix:after{ clear:both; content:""; display:block; height:0; overflow:hidden; }
*{box-sizing: border-box;}

.main-menu > ul > li{ position:relative; float:left; margin:0 15px;}
.sub-menu{ position:absolute; left:0; top:20px;}
.sub-menu{ display:none;}
.main-menu ul li:hover .sub-menu{ display:block; }

.container{padding:0 15px; margin:0 auto; width:100%;}
header {background: #000000; color: #ffffff; font-weight: 600; text-align: center; padding:20px 0;}
header .row > div{display: inline-block; float: none; width: 33.1%; vertical-align: middle;}
.search-btn i{color:#fff; font-size:20px;}
.header-social a{display:inline-block;background:#fff; border-radius:100%;color:#333; height:40px;width: 40px;line-height: 42px;font-size: 18px;margin: 0 5px;}
.number-email{text-align:left;padding-left: 6em;}
.number-email ul li:first-child{margin-bottom:10px;}
.number-email ul li i{background: #fff; color: #333; height: 40px; width: 40px; border-radius: 100%; line-height: 40px; text-align: center; font-size: 20px;    margin-right: 6px;}
.number-email ul li a{color:#fff;}
.number-email ul li span{font-size:17px;}
.menu{background:#707070; text-align:center}
.menu nav{margin-bottom:0; min-height:inherit;}
.menu nav ul{float:none;}
.menu ul li{display:inline-block; float:none;}
.menu ul li a{color:#fff; font-size: 16px; letter-spacing: 1px; text-transform: uppercase;}
.menu ul li a:hover, .menu ul li.open a, .menu ul li a:focus, .menu ul li a:active{background:none; color:#333; background-color:inherit !important;}
.menu ul li .dropdown-menu{min-width:185px;}
.menu ul li .dropdown-menu ul li{display:block;}
.menu ul li .dropdown-menu ul li a{font-size:14px; padding:3px 20px; display:block;}
.banner .owl-dots{position: absolute; bottom: 10px; left: 0; right: 0; text-align: center;}
.banner .owl-dots button:focus{outline:none;}
.banner .owl-dots button.active span{opacity:0.6;}
.banner .owl-dots button span{background:#fff; display: inline-block; height: 12px; width: 12px; border-radius: 100%;margin: 0 2px;}
.logo img { max-width:200px;}

/*******21-08-2019*******/
.middle-section{text-align:center; padding:40px 0;}
h2.middle-title{font-size: 42px; font-weight: 600; margin: 0 0 20px; color: #444; text-transform: uppercase;}
.middle-section p{font-size:20px; line-height:25px;}
.middle-banner-img{margin-top:30px;}
.middle-banner-img ul li{display: inline-block; width: 19.7%; padding: 0 6px; margin-bottom: 15px; vertical-align: top;}
.middle-banner-img ul li h4{color: #231f20; text-transform:uppercase; font-weight: 700; font-size: 20px;}
.middle-banner-img ul li:hover img{opacity:0.8;} 
.menu ul li .dropdown-menu ul li:hover a{background-color:#707070 !important; color:#fff;}

/*******footer-css*******/
.footer{background: #000000; border-top: 5px solid #707070; margin-top:30px; color:#fff; padding: 40px 0;}
.footer .container{max-width:1170px; width:100%; margin:0 auto;}
.footer .col-md-4:first-child{border-right:1px solid #fff;}
.footer .col-md-4:last-child{border-left:1px solid #fff;}
.footer-inner h5{color:#fff; margin: 0 0 18px; font-size: 18px; text-transform: uppercase;} 
.footer-inner ul li{list-style: disc; list-style-position: inside;}
.footer-inner ul li a{color:#fff; font-size:15px; display: inline-block; line-height:30px;}
.footer-inner.newsletter{text-align:center;}
.footer-inner p{color:#fff; font-size: 15px; margin-bottom: 20px;}
.footer-inner input.email{color: #000000; font-size: 15px; font-weight: 400; line-height: 1.5; width: 58%; height: 40px; border: 1px solid #707070; border-radius: 0; padding: 0 8px;}
.footer-inner input.subscribe-button{background: #707070; color: #fff; font-size: 15px; height: 40px; border: 1px solid #707070; margin-left: -4px; padding: 0 15px;}
.footer-social{margin-top:25px;}
.footer-social ul li{list-style:none; display:inline-block; }
.footer-social ul li a{display: inline-block; background: #fff; border-radius: 100%; color: #333; height: 40px; width: 40px; line-height: 42px; font-size: 18px; margin: 0 5px;}
.footer-inner p a{color:#fff;}
.footer-inner a:hover{color:#ccc;}
.footer-inner.get-in-touch{padding-left:50px;}
.footer-bottom{background:#707070; text-align: center; padding: 10px 0;}
.footer-bottom p{color:#fff; margin-bottom:0;}
/*******footer-end*******/ 

.gray-bg{background: #efefef none repeat scroll 0 0; min-height: 681px; margin-bottom: 40px;}
.contact_form .form-group{margin-bottom: 25px;}
div.wpcf7-response-output{margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #ff0000;background-color: green;color: #fff;}
.contact_detail li {color: #000; font-size: 16px; line-height: 24px; list-style: outside none none; margin: 20px 0; padding: 0 150px 0 0;}
.contact_info_m, .icon_wrap {display: table-cell; vertical-align: middle; }
.icon_wrap .fa {background: #ffffff none repeat scroll 0 0; border: 1px solid #e6e5e5; border-radius: 50%; color: #555555; display: inline-block; font-size: 22px; height: 44px; line-height: 44px; margin-right: 15px; text-align: center; vertical-align: middle; width: 44px;}
.contact_detail li a {color: #000;}
.contact_form {padding: 28px;}

/*******thumb slider-css*******/
.product-details .outer { margin:0 auto; max-width:800px;}
.product-details #big .item {margin:2px; color: #FFF; border-radius: 3px; text-align: center; }
.product-details #thumbs .item {background: #C9C9C9; line-height:70px; padding: 0px; margin:2px; color: #FFF; border-radius: 3px; text-align: center; cursor: pointer;}
.product-details #thumbs .item h1 {font-size: 18px;}
.product-details #thumbs .current .item { background:#FF5722; }
.product-details .owl-theme .owl-nav [class*='owl-'] { -webkit-transition: all .3s ease; transition: all .3s ease; }
.product-details .owl-theme .owl-nav [class*='owl-'].disabled:hover { background-color: #D6D6D6; }
.product-details #big.owl-theme { position: relative; }
.product-details #big.owl-theme .owl-next, #big.owl-theme .owl-prev { background:#333; width: 22px; line-height:40px; height: 40px; margin-top: -20px; position: absolute; text-align:center; top: 50%; }
.product-details #big.owl-theme .owl-prev { left: 10px; }
.product-details #big.owl-theme .owl-next { right: 10px; }
.product-details #thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev {background:#333; }
.product-details .owl-nav{display:none;}

.product-details .product-content{text-align: left; padding-left: 40px;} 
.product-details .product-content h3{font-size:26px; font-weight: 600;}
.product-details .product-content span.price{font-size:20px;  margin: 10px 0; display: block;}
.product-details .product-content p{font-size:16px; line-height:27px; margin-bottom: 20px;}

.button{background:#000; display:inline-block; color:#fff; padding:8px 15px;line-height: 16px; border-radius: 2px;}
.button:hover{color:#fff;}
/*******thumb slider-css-end*******/.modal-dialog{top: 75px;}
.modal-open .modal{z-index: 9999;}
.main-contact-us .field-group {float: left;width: 48%;margin: 0 1% 12px;}
.main-contact-us .field-group label {display: block;color: #999; margin-bottom: 3px;font-weight: normal;}
.main-contact-us .field-group input {border: 1px solid #ccc; padding: 5px; width: 100%;}
.main-contact-us .field-group.full{width: 98%;}

header.page-header{background: none; padding: 0; text-align: left; margin-top: 30px;}
header.page-header h1{border-bottom: 1px solid #333 !important; color: #333; text-transform: uppercase; font-size: 32px;}
.product-details #thumbs{margin-top:15px;}
.product-details #thumbs .owl-item{padding-right:6px;}
.product-details #thumbs .owl-item:last-child{padding-right:0;}
.product-details .owl-nav{display:block;}
.product-details .owl-theme .owl-nav .owl-next, .product-details .owl-theme .owl-nav .owl-prev{color: #fff; margin: 0; line-height: 20px; font-size: 22px; height: 22px; background: none !important;outline: none;}
.product-details .owl-theme .owl-nav .owl-prev i:before{content:"\f053"}
.product-details .owl-theme .owl-nav .owl-next i:before{content:"\f054";}
.modal-dialog{top: 0px;}
.modal-open .modal{z-index: 9999;}
.main-contact-us .field-group {float: left;width: 48%;margin: 0 1% 12px;}
.main-contact-us .field-group label {display: block;color: #999; margin-bottom: 3px;font-weight: normal;}
.main-contact-us .field-group input {border: 1px solid #ccc; padding: 5px; width: 100%;}
.main-contact-us .field-group.full{width: 98%;}
.main-contact-us .field-group input:focus{border: 1px solid #1abc9c !important;}


/*******29-05-2020*******/
@media (min-width: 768px) and (max-width: 1024px){
.middle-banner-img ul li{width: 24%;}
.middle-banner-img ul li h4{font-size: 16px;} 
.footer-inner.get-in-touch {padding-left: 0;} 
header .row > div{width: 33%; padding: 0 10px;}  
.number-email{padding-left: 0;}
.number-email ul li span {font-size: 14px;}
.menu ul li a{font-size: 15px; padding: 15px 10px;} 
}

@media(max-width:768px){
.header-social a{height: 32px; width: 32px; line-height: 32px; font-size: 16px; margin: 0 2px;}
.number-email ul li i{height: 32px; width: 32px; line-height: 32px; font-size: 18px;}
h2.middle-title{font-size: 26px;} 
.middle-section p {font-size: 16px; line-height: 22px;} 
.product-details .product-content {padding-left: 0;} 
.contact_form {padding: 20px;} 
.contact_form .form-group:last-child{margin-bottom: 0;}
}

@media(max-width:767px){
header .row > div{width: 49%;}
header .row > div:last-child{width: 100%;}
.number-email {padding-left: 0; padding-top: 20px;}  
.number-email ul li span {font-size: 15px;} 
.menu .navbar-toggle{margin-right: 0;} 
.menu .navbar-collapse{position: absolute; top: 100%; background: #707070; z-index: 99; max-width: 280px; width: 100%;
margin: 0 auto; right: 0;}
.menu ul li{display: block; text-align: left;} 
.middle-banner-img ul li{width: 49%; vertical-align: top;}
.middle-banner-img ul li h4{font-size: 14px;}
.footer{margin-top: 0;}
.footer-inner.get-in-touch {padding-left: 0;}
.footer-inner ul, .footer-inner .widget, .footer-inner p, .footer .col-md-4:last-child .footer-inner{margin-bottom: 0;}
.footer-inner{margin-bottom: 20px;}
}