/* BrandMuscle Project - Start Custom CSS*/
body{ margin:0; padding:0; font-family: 'Roboto', sans-serif;}

.wrapper{ margin:0; padding:0; width:100%;}
.container{ width:1280px; margin:0 auto; padding:0;}
.clear{ clear: both;}

/* Header CSS*/
.mainheader{ margin:0; padding:0; }
.mainheader .top-header{ margin:0; padding:5px 0; overflow:hidden; background: #000;}
.mainheader .top-header .call{ margin:5px 0; padding:0 10px; float: left;  color: #fff;}
.mainheader .top-header .call img{ margin: 0 5px 0 0;}
.mainheader .top-header .call a{ margin:0; padding:0;  color: #fff;}

.mainheader .top-header .social{ margin: 0 20px; display: none;}
.mainheader .top-header .social a{ margin:0; text-decoration: none;}
.mainheader .top-header .social img{ margin:2px 5px;}



.mainheader .header{ margin:0; padding:5px 0;}




.mainheader .logo{ margin:0; padding:0; float:left;}
.mainheader .logo a{ margin:0; padding:0; text-decoration:none;}

.mainheader .top-right{ float:right; margin:0; padding:10px 0; font-size:16px; color:#3a4b58;}
.mainheader .top-right a{ color:#f27700; text-decoration:none; }
.mainheader .top-right a:hover{ color:#ef2701;}

/* Navigation CSS*/

.mainheader ul.navigation{ margin:15px 0 0; padding:0; float:right;  }
.mainheader ul.navigation li{ margin:0; padding:2px 10px; float:left;  list-style-type:none; }
.mainheader ul.navigation li a{ margin:0px;   padding:20px 10px 34px 10px; text-decoration:none; color:#3a4b58;  font-size: 17px;}
.mainheader ul.navigation li a.active{  color:#87b106; border-bottom: 6px solid #87b106;}
.mainheader ul.navigation li a:hover{ color:#87b106; border-bottom: 6px solid #87b106;}

.sliderbox{ margin: 0; padding: 0; min-height: 550px;}
.sliderbox img{ width: 100%; min-height: 550px;}
.productSlider {    position: relative;    background: #fff !important;    }
.productSlider .single .owl-nav .owl-next {    z-index: 1;    background-image: url("../images/prev-white.png");    transform: rotate(180deg);    position: absolute;    right: 0;}
.productSlider .single .owl-nav .owl-prev {    margin: 0;    z-index: 1;    position: absolute;    background-image: url("../images/prev-white.png");}
.productSlider .single .owl-nav  {    margin: -55px 0 0;    position: absolute;    left: 20px;    right: 20px;    top: 50%;    transform: translateY(-50%);    display: flex;    justify-content: space-between;}
.productSlider .single .owl-nav span{ display: none}

.main-container{ padding: 100px 0 0px 0; margin: 0;}
.aboutbox{ margin: 0; padding: 0;}
.aboutimg{ margin: 0; padding: 0;}

.main-container .head-title{ margin: 0; padding:0; font-size:14px; color:#3a4b58;}
.main-container .head{ margin:20px 0 0 0; padding:0; font-size:18px; font-weight: 500; color:#3a4b58;}
.main-container p{ margin: 0; padding:10px 0; font-size:16px; color:#3a4b58;}


.main-container ul.listtick{ margin:15px 0 0; padding:0; float:right;  }
.main-container ul.listtick li{ margin:0; padding:3px 10px 4px 31px; float:left;  list-style-type:none;   font-size: 16px;  background: url("../images/list-tick.jpg") no-repeat left; display: block; width: 100%;}

.productbox{ margin: 0; padding:100px 0;}
.productbox .line{ margin: 0; padding: 0; border-top: 1px solid #ccc;}
.productbox .line span{ background: #ffff; padding: 10px 20px; font-size:32px; font-weight: 500; color:#87b106; margin: -41px 0 0 0; position: absolute;}

.productbox ul.productlist{ margin:80px 0; padding:0; overflow: hidden;}
.productbox ul.productlist li{ margin:0; padding:10px 20px; float:left;  list-style-type:none;   font-size: 16px; width: 25%;}
.productbox ul.productlist li img{ border: 1px solid #f1f1f1;}
.productbox ul.productlist li .pname{ margin: 10px 0 0 0; font-size:16px; font-weight: 500; color:#333; text-align: center;}
.productbox ul.productlist li .pname a{ text-decoration: none; color:#333; }
.productbox ul.productlist li .pname a:hover{ text-decoration: none; color:#ef2701; }


.bannerblue{ margin:35px 0; padding:0;}

.contactbox{ margin: 0; padding:0;}
.contactbox .headc{ margin:0; padding:0; font-size:33px; font-weight: 500; color:#000; text-transform: uppercase;}
.contactbox p{ margin: 0; padding:10px 0; font-size:16px; color:#3a4b58; text-transform: uppercase;}
.formbox{ margin: 0; padding:0;}
.colh{ width:48%; margin:30px 5px; float: left;}
 input.text{border: 1px solid #fff; border-bottom: 1px solid #ccc; width: 100%; outline: none;}
textarea.text{ border: 1px solid #fff;border-bottom: 1px solid #ccc; width: 100%; outline: none;}

.colf{ width: 100%; float: none;}
.fbtn{ margin:20px 0; padding: 0;}
 .fbtn a{ margin: 0; padding: 14px 30px;  font-size:18px;  color:#fff; background: #87b106; text-decoration: none;}
.fbtn a:hover{  color:#fff; background: #000;}

.shipping-icon{ margin:60px 0 0 0; padding: 0;  border-top:1px solid #ccc;}
ul.shippinglist{ margin:0; padding:0; overflow: hidden;}
ul.shippinglist li{ margin:0; padding:10px 20px; float:left;  list-style-type:none;   font-size: 16px; width:auto;}
ul.shippinglist li img{ border: none;}



.footerbox{  background: url("../images/footer-bg.jpg") repeat top left; background-size: cover;margin: 0; padding:40px 0 20px 0; }
.footerbox .fbox{ margin: 0; padding: 0;}
.footerbox .fbox .logo{ margin:10px 0; padding: 0;}
.footerbox .fbox p{ margin:0px 18px 0 18px; padding:10px 0; font-size:16px; color:#ffffff; }
.footerbox .head{ margin:0 0 20px 0; padding:0 0 5px 20px; font-size:18px; font-weight: 500; color:#fff; border-left: 4px solid #87b106;}

.footerbox ul.linkbox{ margin:15px 0 0; padding:0;  }
.footerbox ul.linkbox li{ margin:0 0 0 18px; padding:2px 10px;   list-style-type:none; width: 100%; }
.footerbox ul.linkbox li a{ margin:0px;   padding:0; text-decoration:none; color:#fff;  font-size: 16px;}
.footerbox ul.linkbox li a:hover{ color:#87b106; }

.copyr {margin:0px; padding:10px 0; font-size:16px; color:#ffffff; text-align: center;}


.modal-body {margin:0px; padding:10px 0;}
.modal-body .formboxm .colh{ width:100%; margin:30px px; }
.modal-body .formboxm input.text{ border: 1px solid #ccc; width: 100%; outline: none; padding:10px 5px; margin: 5px 0;}
.modal-body .fbtn{ margin:20px 0; padding: 0;}
.modal-body .fbtn a{ margin: 0; padding: 14px 30px;  font-size:18px;  color:#fff; background: #87b106; text-decoration: none;}
.modal-body .fbtn a:hover{  color:#fff; background: #000;}



.aboutbox-con{margin:100px 0; padding:40px 0; overflow: auto;}
.aboutbox-con.pad{margin:2px 0 100px 2px!important; padding:10px 0!important; overflow: auto;}
.aboutbox-con .head{ margin:0; padding:10% 0; font-size:24px; font-weight: 500; color:#87b106; }
.aboutbox-con p{ margin: 0; padding:10px 0; font-size:16px; color:#3a4b58; }

.p-0{padding:0!important;}
.head-title-c{ margin:0 0 15px 0; padding:0; font-size:16px; font-weight: 500; color:#444; text-align: center;}
.headcn{ margin:0; padding:5px 0 100px 0; font-size:24px; font-weight: 500; color:#000; text-align: center;}
.modal-content button {    text-align: right;    float: right;}
.reviewtitle {    font-size: 23px;    text-align: center;    padding: 50px 0 0 0;}
.productSlider .fourColumn button {
    background: #87b106!important;
    color: #fff!important;
    font-size: 25px!important;
}

.formboxm {
    display: block;
    width: 100%;
}
.productbox ul.productlist li img {
    border: 1px solid #f1f1f1;
    WIDTH: 100%;
}

.modal-dialog {
    max-width: 880px!important;
    margin: 1.75rem auto;
}

.bmob{ display: none;}
.bannerblue{ margin:35px 0; padding:0;}


@media only screen and (min-width:220px) and (max-width:778px) {
.wrapper{ margin:0; padding:0; width:100%;}
.container{ width:100%; margin:0 auto; padding:0;}
.clear{ clear: both;}
.mainheader ul.navigation li a {    margin: 0px;    padding: 18px 1px 6px 6px!important;	}
.sliderbox img {    width: 100%;    min-height: auto;}	
.sliderbox {    min-height: auto;}	
.mainheader .top-header .call {    text-align: center;     float: none;}	
.mainheader .top-header .social {    margin: 0 20px;    text-align: center;}	
.mainheader .logo {    margin: 15px 0;    padding: 0;    float: none;    text-align: center;}
.colh {    width: 90%;    margin: 30px auto;    float: none;}
.colf {  width: 90%;    margin: 30px auto;    float: none;}	
.bannerblue img{ width: 100%;}	
	
.aboutimg img{ width: 100%;}	
.fbtn {    margin: 0px 20px 50px 20px;    padding: 0;}
.productSlider .single .owl-nav {
    margin: -55px 0 0;
    position: absolute;
    left: 7px;
    right: 7px;
    top: 68%;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
}
iframe {    width: 100%!important;}
.productbox ul.productlist li {    float: none;   list-style-type: none;    font-size: 16px;    width: 100%;}	
.productimg img {    width: 100%;    top: 70px;    margin: 10% 0 0 0;}	
.modal.show .modal-dialog {    -webkit-transform: none;    transform: none;    top: 20%!important;}	
.mainheader ul.navigation li {    margin: 0;	padding: 2px 8px!important;}	

	
.bmob{ display: block!important;}
	.bmob img{  width: 100%;}
.bannerblue{ margin:35px 0; padding:0; display: none!important;}	
	
}