/*--Main Css--*/
@import "bootstrap.min.css";


/*body{margin: 0px; background: #ffffff; }*/
body {
    margin: 0;
    background: #ffffff;
}
table,div{font-family: 'Open Sans', sans-serif;font-size:13px; color:#3b3b3b; line-height:1.3;}
a{color: #333333; text-decoration: none; }
a:hover{text-decoration:none;color: #628763;}
img{border:none;max-width: 100%;}
p{ margin:10px 0;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
*{box-sizing: border-box;}
.img_left, #logo, #left, #social, .left, #contact-left{float:left;}
.img_right, #top_link, #right, #copy-logo, .right, #contact-right{float:right;}
input,select,textarea,button{font-family: 'Open Sans', sans-serif;font-size: 13px;}
button{cursor: pointer;}
h1,h2,h3,h4{margin:10px 0;}
/*Heading*/
h1{font-size:50px;font-family: 'Oswald', sans-serif;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:14px;}
	
.img_left{margin-right:10px;}
.img_right{margin-left:10px;}
ul{margin:0; padding:0;}
ul li{list-style-type: none;}
.row{margin-left: 0;margin-right: 0;}

#main{margin:0 auto;}
header{}
#logo{margin: 10px 0;}
/*#logo img{width: 330px;}*/
#logo img{width: 300px;}
.top-menu ul{float: right;margin-top: 39px;text-align: right;}
.top-menu li{display: inline-block;padding-left: 10px;text-align: left;}
.top-menu img{float: left;margin-right: 9px;position: relative;top: -5px;}
.top-menu span{float: /*right*/;padding-top: 0/*2px*/;font-size: 13px;}
.top-menu span.top{margin-top: -11px;}
.header_menu{margin-top:0px;/*background: #a6ce38;*/ background:  #e9e9e9;;}
.navbar{margin-bottom: 0;}
/*.navbar-default{background: none;}*/
.navbar-default{background: #ffffff;}
.navbar-default .navbar-nav > li > a{padding: 15px 31px;color: #000;font-size: 17px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-weight: normal;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{color: black;background: darkgrey;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{    color: black;background: darkgrey;}
.navbar-collapse{padding: 0;}
.gray-bg{background: #f7f7f7;}
.social-icon{}
.social-icon ul li{display: inline-block;line-height: 80px;margin: 0 5px;}
li span {padding-left: 15px;}
.top-menu.pull-right i {color: #44addc;font-size: 23px;}
#top_link{}


.banner-bg{background: url(../image/banner-bg.png) no-repeat; background-size:cover;height: 643px;border-top:2px solid #e8e3c6;}
.banner-left{float: left;width: 56%;margin-top: 210px;}
.banner-left h3{font-size: 26px;color: #fff;text-transform: uppercase;font-family: 'Oswald', sans-serif;line-height: 36px;}
.banner-right{float: right;padding: 65px 0;}
.carousel-control.left{background: none;}
.carousel-control.right{background: none;}
.carousel-control {width: auto;opacity: 1;top: 50%;position: absolute;}
.carousel-control.left{left: 0;}
.carousel-control.right{right:0;}
#banner .item{position: relative;}

.home-content{text-align: center;}
.home-content p{font-size: 16px;line-height: 28px;}
.home-content .row{margin: 50px 0;}
.home-content h2{font-size: 30px;color: #3b3b3b;font-family: 'Oswald', sans-serif;line-height: 38px;text-transform: uppercase;font-weight: normal;}
.home-content h4{font-size: 18px;margin-bottom: 50px;}
.year-title{font-size: 110px;color: #ba5d01;font-weight: bold;font-family: 'Oswald', sans-serif;}
.rad-more{color: #ba5d01;text-transform: uppercase;font-size: 19px;font-family: 'Oswald', sans-serif;}

.new-products{background: #e9e9e9;padding: 95px 0;}
.new-products .title{margin:0 auto 50px;display: table;}
.title{color: #ba5d01;font-size: 34px;font-weight: bold;text-transform: uppercase;font-family: 'Oswald', sans-serif;background: url(../image/bottom-line.png) no-repeat center bottom;padding-bottom: 30px;margin-bottom: 50px;display: inline-block;}
.prod-content{background: #e4f5fc;padding: 20px;}
.prod-content.product {background-color: #e9e9e9;}
.prod-content h4{font-size: 15px;color: #6a3501;text-transform: uppercase;font-family: 'Oswald', sans-serif;font-weight: normal;overflow-wrap: break-word;}
.prod-content h4 a{color: #6a3501;}
.prod-content .price{font-size: 19px;color: #ba5d01;font-family: 'Oswald', sans-serif;}
.prod-content .price span{color: #888888;text-decoration: line-through;margin-left: 10px;}
.prod-content button{border: 1px solid #000;text-transform: uppercase;background: none;color: #000;font-size: 13px;font-weight: 600;font-family: 'Oswald', sans-serif;padding: 10px 30px;margin: 10px 0;}
.prod-content button:hover{background: #ba5d01;color: #fff;border: 1px solid #ba5d01;}
.box{box-shadow: 6px 6px 5px #d2d1cf;}   
.view-more{background: #ba5d01;text-transform: uppercase;color: #fff;width: 200px;text-align: center;padding: 20px 0;font-size: 15px;font-family: 'Oswald', sans-serif;margin: 50px auto 0;display: table;}
.view-more:hover{background: #000;color: #fff;}

.no-padding{padding: 0;}
.experience .row{padding: 50px 0;}
.carousel-inner .row{padding: 0;}
.carousel-inner p{font-size: 16px;line-height: 28px;color: #414141;margin: 0;}
.ask-expert .form-control{background: #e9e9e9;color: #565656;font-size: 16px;border: 0;border-radius: 0;border: 0;box-shadow: none;height: 42px;}
.ask-expert textarea.form-control{height: 100px;}
.ask-expert input[type="submit"]{background: #ba5d01;color: #fff;text-transform: uppercase;font-size: 20px;font-family: 'Oswald', sans-serif;width: auto;padding: 0 50px;}
@brand-color: #b20000;
.carousel-indicators{margin-left: 0px;width: auto;bottom: -40px;}
.carousel-indicators li{background: #414141;width: 12px;height: 12px;border: 0;}
.carousel-indicators .active{background: #ba5d01;margin: 1px;}
#tcb-testimonial-carousel {
    a{
        color: @brand-color;
    }
.text-brand{ color: @brand-color;}    
.carousel-indicators .active {background: @brand-color; }
.no-margin{ margin: 0; }
.carousel-indicators li { border: 1px solid #ccc; }
.carousel-control {color: @brand-color;width: 5%;}
.carousel-control:hover, .carousel-control:focus { color: @brand-color;}
.carousel-control.left, .carousel-control.right {background-image: none; }
.item{padding: 15px 40px;background: #f8f8f8; }
.media-object {margin: auto;}
@media screen and (max-width: 768px) {.media-object {margin-bottom: 15px;}}}

.blog-events{background: #e9e9e9;padding:70px 0;}
.blog-img .blog-date{background: #ebe4c7; width: 70px; height: 70px; border-radius: 100%; color: #ba5d01; font-size: 29px;text-align: center;line-height: 18px;font-family: 'Oswald', sans-serif;padding: 17px 0;}
.blog-img .blog-date span{font-size: 12px; text-transform: uppercase;}
.blog-img .blog-date{margin-top: -30px;position: relative;margin-left: 40px;}
.blog-txt h3{font-size: 25px; color: #454545;font-family: 'Oswald', sans-serif;font-weight: normal;margin-top: 80px;}
.blog-txt a.readmore{font-size: 13px;color: #ba5d01;font-family: 'Oswald', sans-serif;text-transform: uppercase;position: relative;top:26px;}

.event-box{box-shadow: 6px 6px 5px #d2d1cf;padding: 35px;background: #fff;display: inline-block;margin-bottom: 22px;width: 100%;}
.event-date{width: 72px; height: 72px;color: #ba5d01; border-radius: 100%;font-size: 29px;float: left;text-align: center;line-height: 18px;padding: 20px 0;font-family: 'Oswald', sans-serif;}
/*.event-date{width: 72px; height: 72px;color: #ba5d01; border: 1px solid #ba5d01; border-radius: 100%;font-size: 29px;float: left;text-align: center;line-height: 18px;padding: 20px 0;font-family: 'Oswald', sans-serif;}*/
.event-date span{font-size: 12px;text-transform: uppercase;}
.event-box a{font-size: 12px;color: #ba5d01;text-transform: uppercase;font-weight: bold;}
.event-txt h4{font-size: 15px;text-transform: uppercase;color: #64676f;font-family: 'Oswald', sans-serif;}
.event-txt{float: right;width: 82%;}
.event-txt i{font-size: 18px;position: relative;top:2px;}
.viewmore{font-size: 13px;color: #ba5d01;font-family: 'Oswald', sans-serif;text-transform: uppercase;}


footer{background: #333;padding: 80px 0 30px 0;}
footer .ftitle{font-size: 18px; color: #fff;background: url(../image/footer-line.png) no-repeat left bottom; padding-bottom: 18px;text-transform: uppercase;margin-bottom: 20px;font-family: 'Oswald', sans-serif;}
footer ul li{width: 100%; display: inline-block;color: #fff;line-height: 24px;}
footer ul li  a{color: #fff;line-height: 28px;}
footer ul li  a:hover{color: #e9dc05;}
.f-contact li{margin-bottom: 30px;}
.social li{float: left;width: auto;margin-right:10px;}
.social li i{border: 1px solid #5e5d5d; border-radius: 100%;width: 42px; height: 42px;line-height: 42px;text-align: center;float: left;}
.copy {margin-top: 30px;}
.copy li{text-align: center;border-top:1px solid #575757;padding-top: 20px;}
#hamburger-navigation{display: none;}
.mobile{display: none;}
.footer-add {padding-left: 0px;float: right;margin-left: 64px;margin-top: -38px;}

/* aboutus */
i.phone.icofont.icofont-phone {font-size: 35px;color: #ba5d01;}
i.location.icofont.icofont-location-pin {font-size: 35px;color: #ba5d01;}
i.email.icofont.icofont-email {font-size: 35px;color: #ba5d01;}
i.message.icofont.icofont-ui-message {font-size: 35px;color: #ba5d01;}

.banner-background{background: url(../image/bg.jpg) no-repeat;background-size:cover;height: 340px;}
.banner-round {float: right;padding: 22px 0;}

.content .row{padding: 56px 0;}

.item.active h1 {color: #ffffff;font-size: 52px;float: left;margin-top: 140px;font-family: 'Oswald', sans-serif;font-weight: 400;text-transform: uppercase;    text-shadow: 0px 0px 8px #616161;}
.item.active.contact-us h1 {color: #ffffff;font-size: 52px;float: left;margin-top: 140px;font-family: 'Oswald', sans-serif;font-weight: 400;text-transform: uppercase;    text-shadow: 0px 0px 8px #616161;}
.who-we-are h1 {font-size: 34px;color: #ba5d01;text-transform: uppercase;font-weight: bold;margin: 0 0 26px; position: relative;}
.who-we-are h2 span { margin-top: -10px;float: left;color: #ba5d01;font-weight: bold;font-family: 'Oswald', sans-serif;    margin-right: 15px; font-size: 40px;}
.who-we-are h2{padding-top: 32px;font-size: 30px;text-transform: uppercase;font-family: 'Oswald', sans-serif;margin-bottom: 48px;}
.who-we-are p {font-size: 16px;line-height: 27px;margin-top: 20px;margin-bottom: 20px;}

.history {text-align: left;margin-top: 25px;margin-bottom: 25px;}
.history-section {background-color: #e9e9e9;}
.row.history p {margin-left: -30px;font-size: 16px;line-height: 30px;text-align: left;}

.our-vision-div {position: relative;}
.our-vision-div.mission {margin-top: 53px;}
.row.ourvision h1 {font-size: 34px;color: #ba5d01;margin-bottom: 40px; }
.row.ourvision p {font-size: 16px;line-height: 29px;}


/* products*/
.content.product h1 {color: #ba5d01;text-transform: uppercase;font-weight: 500;margin: 0 0 69px;font-size: 34px;}
.products {border: 1px solid #e9e9e9;margin-bottom: 40px;}
/*--------1180px------------*/

/* contact us */
.content.contact-main h1 {color: #ba5d01;text-transform: uppercase;font-weight: 500;margin: 0 0 69px;font-size: 34px;}

.contact {position: relative;}
.calldiv {text-align: center;    padding: 20px 0;}
.calldiv h3 {    text-transform: uppercase;font-size: 22px;font-family: 'Oswald', sans-serif;}
.calldiv h6 {font-size: 14px;    font-weight: 600;}
.calldiv.location:before {position: absolute;content: "";width: 2px;height: 150px;background-color: #e5e5e5;left: -40px;}
.calldiv.email:before {position: absolute;content: "";width: 2px;height: 150px;background-color: #e5e5e5;left: 40px;}

.messagebox {text-align: center;background-color: #f7f7f7;}
.content.messagebox h3 {    text-transform: uppercase;font-size: 22px;font-family: 'Oswald', sans-serif;}

.row .form {text-align: center;}
.row .input {height: 42px;width: 100%;border: none;padding: 10px;margin: 15px 0 10px;}
.row .textarea {height: 107px;width: 100%;margin: 10px 4px 20px;}
.row .submit {font-family: 'Oswald', sans-serif;margin-bottom: 21px;margin-top: 15px;border: none; background: #ba5d01;color: white;text-transform: uppercase;padding: 17px 38px;font-weight: 600;}
.map iframe {width: 100%;}

/*product-detail */

.product.detail h1 {padding-left: 30px;}
.product-detail-main {background-color: #e9e9e9;margin: 60px 0px;}
.product-detail-img {width: 43%;margin-left: 25px;margin-right: 5px;}
.prod-img {width: 100%;height: 278px;overflow: hidden;}
.detail p {font-size: 16px;}
.col-md-6.detail h2 {font-size: 36px;font-family: 'Oswald', sans-serif;    margin-top: 0px;    text-transform: uppercase;overflow-wrap: break-word;}
.col-md-6.detail h3 {margin-top: 20px;}
.col-md-6.detail h3 span {color: green;}
.detail-price {font-size: 35px;margin: 20px 0px;}
.detail-price span {font-size: 27px;color: #888888;text-decoration: line-through;margin-left: 10px;}
.description {font-size: 20px;font-weight: bold;clear: both;}
.quantity {font-size: 16px;font-weight: bold;margin-top: 20px;}
input.quantity1 {margin-left: 10px;height: 31px;width: 6.33%;border: none;padding: 10px;}
.detail button {border: 1px solid #000;text-transform: uppercase;background: none;color: #000;font-size: 13px;font-weight: 600;font-family: 'Oswald', sans-serif;padding: 10px 30px;margin: 20px 0;}
.detail button:hover {background-color: #ba5d01;color: white;border-color: #888888;}

/*blog*/
.blog-left {width: 825px;float: left;}                                                                                                                     
.blog-right  {width: 305px;float: right;margin-top: 116px;}
section.content.blog { position: relative;background-color: white;}
.blogsection {margin: 0px 40px;}
.blog-main {margin-bottom: 60px;background-color: #e9e9e9;margin-top: 60px;}
.products.white {background-color: white;height: 239px;}
.blog-img-div {width: 45%;padding-left: 0px;padding-right: 0px;}
.blog-img {width: 100%;}
.blog-text {margin-left: 35px;}
.blog-text.detail {margin-bottom: 0px;}
.blog-text.bottom {margin-bottom: 20px;}
.blog-text h2 {font-size: 36px;font-family: 'Oswald', sans-serif; margin-top: 0px;text-transform: uppercase;margin-bottom: 20px;}
.blog-text p {font-size: 16px;line-height: 27px;margin-top: 20px;margin-bottom: 20px;}
.blogsection button {border: 1px solid #000;text-transform: uppercase;background: none;color: #000;font-size: 13px;font-weight: 600;font-family: 'Oswald', sans-serif;padding: 10px 30px;margin-bottom: 37px;}
.blogsection button:hover {background-color: #ba5d01;color: white;border-color: #888888;}
.grayline {margin-bottom: 46px;width: 769px;left: 15px;height: 2px;background-color: #d6d4d4;}                                                  
.recentpost {position: absolute;top: 628px;right: 351px;}
.black-line {background-color: black;width: 200px; height: 2px;margin-bottom: 20px;}
.post h2 {margin-bottom: 15px;font-size: 24px;text-transform: uppercase;font-weight: 600;color: #ef4044}
.post h4 {font-size: 15px;font-weight: 600;margin-bottom: 20px;}
.social-blog {margin-top: 6px;}

/* blog detail */
.blog-text.bottom.blog-detail {margin-left: -16px;}

#search{background: #e9e9e9;width: 330px;margin-top: 31px;float: left;margin-left: 35px;}
#search .input-lg{background: none;border: 0;border-radius: 0;position: relative;padding-right: 95px;box-shadow: 0 0 0;}
#search .input-group-btn .btn{background: #363636;border: 0;border-radius: 0;position: absolute;top: 0;right: 0;line-height: 14px;padding: 12px 23px;z-index: 10000;}
#search .input-group-btn .btn .fa-search{color: #fff;}
.breadcrumb{border: 0;background: none;margin: 20px 0 20px 0 !important;}
.breadcrumb > li{padding: 0;font-size: 15px;}
.breadcrumb > li::after{display: none;}
.breadcrumb > li + li::before{padding: 0 12px;}
#cart {margin: -5px 0 0 0;}
#cart > .btn{background: none;color: #333333 !important;border: 0;text-shadow: 0 0 0;box-shadow: 0 0 0;padding: 0;border-radius: 0;}
.submenu{position: absolute;top: 48px;left: 0;width: 235px;z-index: 9;display: none;}
.submenu li{position: relative;}
.submenu li a {padding: 12px 20px;color: #fff;font-size: 16px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;background: #c4c4c4;display: block;}
.submenu li a:hover{background: #333;}
.navbar-default .navbar-nav > li:hover .submenu{display: block;}
.childmenu{position: absolute;top: 0;left: 235px;width: 235px;z-index: 1;display: none;}
.childmenu li a {padding: 12px 20px;color: #fff;font-size: 16px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;background: #a7a6a6;display: block;}
.childmenu li a:hover{background: #333;}
.submenu li:hover .childmenu{display: block;}

.blogmain .bimg{width: 100% !important;display: table !important;}
.blogmain .bimg img{height: auto;width: 100%;}
.blogmain .article-image{position: relative;display: table-cell;vertical-align: top;width: 400px;}
.blogmain .article-image img{border: 0;border-radius: 0;padding: 0;width: 100%;}
.blogmain .article-image .blogdate{background: #ebe4c7;width: 70px;height: 70px;border-radius: 100%;color: #ba5d01;font-size: 29px;text-align: center;line-height: 18px;font-family: 'Oswald', sans-serif;padding: 17px 0;margin-top: -30px;position: relative;margin-left: 40px;}
.blogmain .article-image .blogdate span{font-size: 12px;text-transform: uppercase;}
.blogmain .form-group{display: table;width: 100%;margin-bottom: 45px;}
.blogmain .article-title h1{font-size: 25px;line-height: 36px;margin-top: 0;}
.blogmain .article-title h1 a{color: #454545;font-family: 'Oswald', sans-serif;font-weight: normal;margin-top: 0;}
.blogmain .article-description{padding-left: 25px;}
.blogmain .article-description p{font-size: 16px !important;line-height: 28px;color: #414141;font-family: 'Open Sans', sans-serif;}
.blogmain .btn{border-radius: 0;font-size: 13px;color: #ba5d01;font-family: 'Oswald', sans-serif;text-transform: uppercase;background: none;padding: 0;border: 0;text-shadow: 0 0 0;box-shadow: 0 0 0;float: left;padding-left: 25px;}
.blogmain .article-sub-title{display: none;}
.blogmain .article-info {padding: 0;border-bottom: 0;}
.blogmain .article-info .article-description{padding: 0;}
.eventmain .event-txt{width: 91%;}
.eventmain .event-txt p{margin-left: 0 !important;}

.download_btn{border: 1px solid #000;text-transform: uppercase;background: none;color: #000;font-size: 13px;font-weight: 600;font-family: 'Oswald', sans-serif;padding: 10px 30px;margin: 10px auto;display: table;}
.download_btn:hover{background: #ba5d01;color: #fff;border: 1px solid #ba5d01;}
.downloadicon{width: 100px;padding: 50px 0;text-align: center;margin: 0 auto;}
.downloadbox{box-shadow: 0px 1px 10px #d2d1cf;text-align: center;margin-bottom: 25px;}
.train-popup{background: #e9e9e9;width: 400px;padding: 35px !important;}
.train-popup input[type="text"] ,.train-popup #comment{background: #fff;color: #565656;font-size: 14px !important;border: 0;border-radius: 0;height: 42px;box-shadow: 0px 1px 10px #d2d1cf;}
.train-popup #comment{height: 90px;}
.train-popup input[type="submit"]{background: #ba5d01;color: #fff;text-transform: uppercase;font-size: 18px;font-family: 'Oswald', sans-serif;width: 100%;padding: 8px 35px;height: auto;box-shadow: 0 0 0;border: 0;border-radius: 0;}
.train-popup .fancybox-close-small{color: #555;background: #eee;width: 30px;height: 30px;border-radius: 0%;}
.train-popup .fancybox-close-small::after{top: 0px;right: 0px;border-radius: 0%;}

.top-menu .dropdown-menu{margin-top: 10px;padding: 0;}
.top-menu .dropdown-menu li{width: 100%;padding-left: 0;}
.top-menu .dropdown-menu li a:hover{background: #ba5d01;color: #fff;}

.prod-content button{margin-right: 10px;float: none;}
.product .download_btn{display: inline;float: left;}
.prod-img img{margin: 0 auto;text-align: center;display: table;width: 100%;height: 100%;}
.new-products .prod-content{height: 225px;}
.prod-content.product{height: 300px;}
.prod-content.Shashtrokt{height: auto !important;}

.detail button{display: inline-block;float: left;margin: 10px 10px 10px 0;}
.addthis_toolbox{clear: both;margin-top: 20px;}
.owl-wrapper-outer{border: 0;border-radius: 0;}

.btn-primary{background: #ba5d01;
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-family: 'Oswald', sans-serif;
width: auto;
padding: 8px 18px;border: 0;border-radius: 0;text-shadow: 0 0 0;letter-spacing: 1px;}

.btn-primary:hover ,.btn-primary.focus, .btn-primary:focus{background-color: #628763;border-color: #628763;}

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control{height: auto;
width: 100%;
border: 1px solid #ccc;
padding: 10px;border-radius: 0;box-shadow: 0 0 0;}

.well{background: #e9e9e9;border-radius: 0;}

.blog-img img{width: 100%;}

.owl-carousel .owl-pagination div{opacity: 0 !important;}
.owl-carousel:hover .owl-pagination div{opacity: 0.7 !important;}
.owl-carousel .owl-pagination{top: -35px !important;}

.product .prod-content.product{position: relative;}
.product .prod-content button{/*position: absolute;bottom: 10px;left: 20px;*/float: none;}


/*-----------Responsive Menu-----------*/
@media (max-width: 767px) {
.navbar-header {float: none;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-toggle {display: block;}
.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
.navbar-fixed-top {top: 0;border-width: 0 0 1px;}
.navbar-collapse.collapse {display: none!important;}
.navbar-nav {float: none!important;margin-top: 7.5px;}
.navbar-nav>li {float: none;padding-top: 0;text-align: left;width: 100%;}
.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
.navbar-default .navbar-nav > li > a img {display: inline-block;height: auto;margin: 0;margin-right: 10px;width: 25px;}
.collapse.in{display:block !important;}
.header_menu .navbar-header{float: right;margin: 7px 20px;}
.navbar-default .navbar-toggle{ border: 0;background: black;margin: 0;border-radius: 0;color: white;margin-top: 3px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background: #f38f01;}
.navbar-default .navbar-toggle .icon-bar{color: #fff;}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar{background-color: #fff;}
.social-icon.pull-right{float: left !important;}
.navbar-collapse{position: absolute;right: 20px;top:250px;width: 240px;box-shadow: none;border-top: 1px solid #f38f01 !important;padding: 0;z-index: 999;}
.navbar-collapse .nav{margin: 0;background: #010101;}
.navbar-default .navbar-nav > li > a{padding: 10px;font-size: 13px;line-height: 25px;color: black;background-color: #e9e9e9;}
.navbar-nav > li .btn-default {color: #000000;padding: 0 10px;text-align: center;line-height: 50px;width: 100%;}
.navbar-nav > li.logo{display: none;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {border-radius: 0;}

/* contact us */
.item.active.contact-us h1 {margin-left: 28px;}
.calldiv.email:before {left: 30px;top: 0px;width: 210px;height: 2px;}
.calldiv.location::before {left: 30px;top: 0px;width: 210px;height: 2px;}
.row .input {width:100%;}

}
/*-----------END_Responsive Menu-----------*/	


@media only screen and (min-width:1180px) and (max-width:1350px) {
	.container{width: 1160px;}
	.top-menu ul {margin-top: 34px;}
	.navbar-default .navbar-nav > li > a{padding: 17px 20px;font-size: 18px;}
	.banner-left{margin-top: 120px;width: 46%;}
.banner-right{width: 50%;padding: 60px 0;}
.blog-txt h3 {margin-top: 30px;}

/* about us*/
.who-we-are h2 {font-size: 26px;}

/* blog */
.blog-right {padding-left: 80px;}

#search{float: right;margin-bottom: 0;margin-top: 15px;}
.product .download_btn{padding: 10px;}
}	
/*--------960px------------*/
@media only screen and (min-width:960px) and (max-width:1179px) {
#logo{width: 29%;}
.top-menu ul{margin-top: 10px;}
.navbar-default .navbar-nav > li > a{padding: 14px 9px;font-size: 13px;}
.banner-left{margin-top: 120px;width: 46%;}
.banner-right{width: 50%;padding: 44px 0;}
.banner-bg{height: 563px;}
.year-title{font-size: 90px;}
.new-products .prod-img img{width: 100%;}
.new-products .box{margin-bottom: 20px;}
.ask-expert{margin-top: 80px;}
.event-txt{width: 75%;}
.ask-expert input[type="submit"]{margin: 0 auto;}
.blog-img{margin: 0 auto; display: table;}
.blog-txt{text-align: center;margin-bottom: 70px;}
footer ul{margin-bottom: 20px;}
.event-box{margin: 20px auto; display: table;}	
.viewmore{margin: 0 auto; display: table;}
.blog-txt h3 {margin-top: -18px;text-align: left;}
.blog-txt a.readmore {float: left;}

/*aboutus*/
.who-we-are p {padding-right: 30px;}
.who-we-are h1::before {width: 15%;}
.row.ourvision h1::before {width: 14%;top: 64px;}
h1.banner-about {margin-top: 210px;}
.who-we-are h2 span {margin-right: 70%;}
.item.active h1 {font-size: 61px;margin-top: 132px;}
.col-md-3.historyimg {text-align: center;margin-top: 64px;}
/* contact us */
.calldiv {margin: 0px 0px;float: left;}
.calldiv.email:before {left: 351px;top: 0px;width: 210px;height: 2px;}
.calldiv.location::before {left: 351px;top: 0px;width: 210px;height: 2px;}
.row .input {width: 100%;}
.row .textarea {width: 100%;}
.item.active.contact-us h1 {font-size: 57px;margin-top: 130px;}
.content.contact-main h1 {margin: 0 0 38px;}

/* products */
.product-detail-main {margin: 34px 0px;}
/*product detail*/
.product-detail-img {margin: 0 auto;width: 432px;margin-left: 16px;}
.input.quantity1 {width:6.33%;}
.description {margin-bottom: -8px;margin-right: 16px;}
.detail {margin-top: -6px;}

/*blog*/
.blog-left {width: 68%;}
.blog-right {width: 28%;}
.blog-img-div {width: 100%;}
.products.white {height: 377px;}
.blog-text {margin-left: -16px;}
.grayline {width: 583px;}
.blog-text.bottom {width: 100%;}
.blogsection button {margin-left: -31px;}
.social-blog {width: 265px;}

#search{float: right;margin-bottom: 0;margin-top: 15px;}    
.submenu{top: 48px;width: 150px;}
.submenu li a{padding: 10px 10px;font-size: 13px;}
.childmenu{top: 0;width: 150px;left: 150px;}
.childmenu li a{padding: 10px 10px;font-size: 13px;}
.blogmain .article-image{width: 100%;display: table;}
.blogmain .article-description{padding: 0;}
.blogmain .btn{padding: 0;}
.eventmain .event-txt{width: 83%;}

}
/*---------768px-----------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#logo{width: 29%;}
.top-menu ul{margin-top: 8px;}
.navbar-default .navbar-nav > li > a{padding: 10px 9px;font-size: 13px;}
.banner-left{margin-top: 120px;width: 46%;}
.banner-right{width: 50%;padding: 67px 0;}
.banner-bg{height: 563px;}
.year-title{font-size: 90px;}
.new-products .prod-img img{width: 100%;}
.new-products .box{margin-bottom: 20px;}
.ask-expert{margin-top: 80px;}

.ask-expert input[type="submit"]{margin: 0 auto;}
.blog-img{margin: 0 auto; display: table;}
.blog-txt{text-align: center;margin-bottom: 70px;}
footer ul{margin-bottom: 20px;}
.blog-txt h3 {margin-top: 20px;}
.mail.fa.fa-envelope {font-size: 17px;}
i.phone.icofont.icofont-ui-dial-phone {font-size: 17px;}
i.phone.icofont.icofont-user {font-size: 17px;}
i.cart.icofont.icofont-cart {font-size: 17px;}
.top-menu span {padding-top: 0px;}
.top-menu span.top {margin-top: -6px;}
/* aboute us*/
.who-we-are h2 span {margin-right: 70%;}
.col-md-3.historyimg {text-align: center;margin-top: 40px;width: 100%;}
.history-para {width: 100%;}

/* contact us */
.item.active.contact-us h1 {margin-left: 28px;font-size: 57px;margin-top: 124px;}
.calldiv.email:before {left: 35%;top: 0px;width: 210px;height: 2px;}
.calldiv.location::before {left: 35%;top: 0px;width: 210px;height: 2px;}
.row .input {width:100%;}
.row .textarea {width:100%;}
.content.contact-main h1 {margin: 0 0 36px;}

/* products */
.item.active h1 {font-size: 40px;width: 55%;}


/*product detail*/
.product-detail-img {margin: 0 auto;width: 100%;}
.detail {text-align: center;}
.description {margin-bottom: -8px;margin-right: 16px;}
.product-detail-main {margin-right: 0px;margin: 24px 0px;}
.input.quantity1 {width: 4.33%;}

/*blog*/
.blog-left {width: 65%;}
.blog-right {width: 30%;}
.blog-img-div {width: 100%;}
.products.white {height: 261px;}
.blog-text.bottom {width: 100%;}
.blog-text {margin-left: -16px;}
.blogsection button {margin-left: -31px;}
.social-blog {margin-top: 68px;width: 265px;margin-bottom: 29px;margin-left: -196px;}
.grayline {width: 412px;margin-bottom: 35px;}
 /* blog detail */

#search{float: right;margin-bottom: 0;margin-top: 15px;}    
.submenu{top: 40px;width: 150px;}
.submenu li a{padding: 10px 10px;font-size: 13px;}
.childmenu{top: 0;width: 150px;left: 150px;}
.childmenu li a{padding: 10px 10px;font-size: 13px;}
.blogmain .article-image{width: 100%;display: table;}
.blogmain .article-description{padding: 0;}
.blogmain .btn{padding: 0;}
.eventmain .event-txt{width: 83%;}

.detail{display: flex;flex-direction: column;}
.detail h2{order: 1;}
.detail h3{margin: 0 !important;}
.detail h3 + a{order: 2;}
.detail button{margin: 0 auto 15px !important;float: none;}
.detail .description{order: 3;}
.detail .desc{order: 4;}
.detail .addthis_toolbox{order: 5;}
.detail .download_btn{order: 6;margin: 15px auto 0 !important;display: table;}
}
/*-----------640px---------*/
@media only screen and (min-width: 640px) and (max-width: 767px) {
#logo {margin: 10px auto; display: table;float: none;}
.top-menu ul {margin-right: 0;margin-top: 5px;width: 100%;float: none;text-align: center;margin-bottom: 30px;}
.pull-right {margin-right: 39px;}
.navbar-collapse{top:218px;}
.navbar-toggle.collapsed {margin-top: 3px;}
.banner-left{margin-top: 50px;width: 100%;text-align: center;}
.banner-left h3{font-size: 13px;line-height: 25px;}
.banner-right{width: 100%;padding: 23px 0;}
.banner-right img{width: 50%;margin: 0 auto;display: table;}
.new-products .box{margin: 10px auto;width: 300px;}
.blog-txt {margin-bottom: 52px;}
.blog-txt h3 {margin-top: 65px;}
.footer-add {padding-left: 0px;float: left;margin-left: 63px;padding-right: 274px;margin-top: -43px;}
.Expirience-img {width: 25%;}
.Expirience-text {width: 75%;}
.ask-expert {margin-top: 60px;}
footer .ftitle {margin-top: 20px;}
.top-menu.pull-right i{font-size: 20px;}
.top-menu span {padding-top: 2px;}
.top-menu span.top {margin-top: -8px;}

/* about us*/
.item.active h1 {font-size: 30px;margin-top: 136px;width: 50%;}
.item.active.contact-us h1 {font-size: 30px;width: 50%;}
.calldiv.email::before {left: 186px;}
.calldiv.location:before {left: 186px;}
.col-md-3.historyimg {text-align: center;margin-top: 64px;}
/*contact us*/
.item.active.contact-us h1  {margin-top: 141px;}
.product-detail-img {margin: 0 auto;width: 100%;}


 /* products detail */
.who-we-are h2 span {margin-right: 262px;}
.product-detail-main {margin: 21px 0px;}

/*blog*/
.blog-left {width: 100%;}
.blog-right {width: 100%;float: none;margin-left: 52px;}
.blog-img-div {width: 100%;}
.products.white {height: 377px;}
.blog-text {margin-left: -16px;}
.grayline {width: 583px;}
.blog-text.bottom {width: 100%;}
.blogsection button {margin-left: -31px;}
.social-blog {width: 265px;margin-bottom: 29px;margin-left: -35px;}
.grayline {width: 501px;margin-bottom: 35px;}
.blog-main {margin-bottom: 20px;margin-top: 20px;}
.blogsection button {margin-bottom: 19px;}

#search ,.top-menu{float: none;margin: 0 auto;width: 100%;}    
.submenu{top: 0;width: 100%;position: relative;}
.submenu li a{padding: 10px;font-size: 13px;line-height: 25px;}
.childmenu{top: 0;width: 100%;left: 0;position: relative;}
.childmenu li a{padding: 10px 10px;font-size: 13px;line-height: 25px;}
.blogmain .article-image{width: 100%;display: table;}
.blogmain .article-description{padding: 0;}
.blogmain .btn{padding: 0;}
.eventmain .event-txt{width: 80%;}

.product .col-sm-6{display: table;width: 100%;}
.prod-content.product{height: auto;}

.detail{display: flex;flex-direction: column;}
.detail h2{order: 1;}
.detail h3{margin: 0 !important;}
.detail h3 + a{order: 2;}
.detail button{margin-bottom: 15px !important;float: none;}
.detail .description{order: 3;}
.detail .desc{order: 4;}
.detail .addthis_toolbox{order: 5;}
.detail .download_btn{order: 6;margin: 15px 0 0 0 !important;display: table;}
}

/*-----------480px---------*/
@media only screen and (min-width: 480px) and (max-width: 639px) {
#logo {margin: 10px auto; display: table;float: none;}
.pull-right {margin-right: 36px;}
.top-menu li{width: auto; float: none;padding: 0;margin: 0 0 15px 0;display: inline-block;}
.top-menu span{float: left;padding-top: 1px;}
.top-menu.pull-right i{font-size: 18px; }
.top-menu ul {margin-top: 5px;float: none;width: 100%;text-align: center;}
.top-menu i{float: left;margin-right: 5px;}
.top-menu li span{padding-left: 0;}
.top-menu span.top {margin-top: -5px;}
.navbar-collapse{top:263px;}
.navbar-toggle.collapsed {margin-top: 3px;}
.banner-left{margin-top: 50px;width: 100%;}
.banner-left h3{font-size: 13px;line-height: 25px;}
.banner-right{width: 100%;padding: 23px 0;}
.banner-right img{width: 70%;margin: 0 auto;display: table;}
.home-content h2{font-size: 21px;line-height: 32px;}
.year-title{font-size: 55px;}
.home-content h4{line-height: 29px;}
.title{font-size: 21px;}
.new-products .box{margin-bottom: 15px;}
.prod-img img{width: 100%;}
.experience{text-align: center;}
#tcb-testimonial-carousel img{margin: 0 auto;}
.carousel-indicators{left:0;right:0;}
.ask-expert{margin-top: 70px;}
.blog-txt h3{font-size: 17px;margin-top: -49px;}
.blog-txt{margin-bottom: 28px;}
.blog-txt a.readmore{top:10px;}
.event-date{float: none;margin: 0 auto;display: table;padding: 20px 0 10px 0;}
.event-txt{width: 100%; text-align: center;}
.social li{margin-right: 4px;}
footer .ftitle{margin-top: 20px;}


/* about us*/
.item.active h1 {margin-left: 103px;text-align: center;font-size: 25px;margin: 15px 0px;float: none;}
.item.active.contact-us h1 {margin-left: 103px;font-size: 25px;margin: 15px 0px;float: none;margin-right: 14px;}
.banner-round {float: none;text-align: center;}
.banner-background {height: 439px;}
.title.history {font-size: 34px;}
.who-we-are h2 span {margin-right: 124px;}
.calldiv.location:before {left: 108px;}
.calldiv.email:before {left: 108px;}
.col-md-3.historyimg {text-align: center;margin-top: 62px;}
/* contact us*/
.banner-round {padding: 0px 0px;}
.banner-background {height: 416px;}

/* products detail */
.product-detail-img {width: 100%;margin-left: auto;}
.product-detail-main {margin-right: 0px;margin: 19px 0px;}

/*blog*/
.blogsection {margin: 0px;}
.blog-left {width: 100%;}
.blog-right {width: 100%;float: none;margin-left: 10px;}
.blog-img-div {width: 100%;}
.products.white {height: 290px;}
.blog-text {margin-left: -16px;}
.grayline {width: 583px;}
.blog-text.bottom {width: 100%;}
.blogsection button {margin-left: -31px;}
.social-blog {width: 265px;margin-bottom: 29px;margin-left: -35px;}
.grayline {width: 341px;margin-bottom: 35px;}
.blog-main {margin-bottom: 20px;margin-top: 20px;}
.blogsection button {margin-bottom: 19px;}

#search ,.top-menu{float: none;margin: 0 auto;width: 100%;}    
.submenu{top: 0;width: 100%;position: relative;}
.submenu li a{padding: 10px;font-size: 13px;line-height: 25px;}
.childmenu{top: 0;width: 100%;left: 0;position: relative;}
.childmenu li a{padding: 10px 10px;font-size: 13px;line-height: 25px;}
.blogmain .article-image{width: 100%;display: table;}
.blogmain .article-description{padding: 0;}
.blogmain .btn{padding: 0;}
.blogmain .article-image .blogdate{width: 55px;height: 55px;padding: 12px 0;line-height: 15px;font-size: 24px;margin-left: 15px;}
.blogmain .article-image .blogdate span{font-size: 11px;}
.eventmain .event-txt{width: 100%;}


.product .col-sm-6{display: table;width: 100%;}
.prod-content.product{height: auto;}

.detail{display: flex;flex-direction: column;}
.detail h2{order: 1;}
.detail h3{margin: 0 !important;}
.detail h3 + a{order: 2;}
.detail button{margin-bottom: 15px !important;float: none;}
.detail .description{order: 3;}
.detail .desc{order: 4;}
.detail .addthis_toolbox{order: 5;}
.detail .download_btn{order: 6;margin: 15px 0 0 0 !important;display: table;}
}

/*----------320px----------*/
@media only screen and (min-width: 320px) and (max-width: 479px) {
#logo img{width: 100%;}
.top-menu span {float: none;}
.top-menu li{width: auto; float: none;padding: 0;margin: 0 0 15px 0;display: inline-block;}
.top-menu span {margin-right: 15px;padding-top: 1px;}
.top-menu.pull-right i {font-size: 13px; }
.top-menu ul {margin-top: 5px;margin-left: 0;text-align: center;float: none;width: 100%;}
.top-menu i{float: left;margin-right: 5px;}
.top-menu li span{padding-left: 0;}
.top-menu span.top {margin-top: -5px;margin-right: 48px;}
.top-menu span.top.cart {margin-top: -5px;margin-right: 68px;}
.navbar-toggle.collapsed {margin-top: 3px;}
.banner-left{margin-top: 50px;width: 100%;}
.banner-left h3{font-size: 13px;line-height: 25px;}
.banner-right{width: 100%;padding: 23px 0;}
.banner-right img{width: 100%;}
.banner-bg{height: 585px;}
.home-content h2{font-size: 21px;line-height: 32px;}
.year-title{font-size: 55px;}
.home-content h4{line-height: 29px;}
.title{font-size: 34px;}
.new-products .box{margin-bottom: 15px;}
.experience{text-align: center;}
#tcb-testimonial-carousel img{margin: 0 auto;}
.carousel-indicators{left:0;right:0;}
.ask-expert{margin-top: 70px;}
.blog-txt h3{font-size: 17px;margin-top: 22px;}
.blog-txt{margin-bottom: 30px;}
.blog-txt a.readmore{top:10px;}
.event-date{float: none;margin: 0 auto;display: table;padding: 20px 0 10px 0;}
.event-txt{width: 100%; text-align: center;}
.social li{margin-right: 4px;}
footer .ftitle{margin-top: 20px;}



/* aboutus */
.banner-background {height: 443px;}
.item.active h1 {font-size: 25px;margin-top: 28px;float: none;text-align: center;}
.col-md-3.historyimg {text-align: center;}
.col-md-12.history-div {padding: 0px 0px;}
.col-md-9.history-para {padding: 0px;}
.banner-round {float: none;text-align: center;}
.who-we-are h1{font-size: 34px;text-align: center;margin: 15px 0 -4px;}
.who-we-are h2 span {font-size: 34px;text-align: center;}
.who-we-are h2 {font-size: 25px;}
.who-we-are p {text-align: center;font-size: 13px;line-height: 17px;margin-top: 8px;}
.mission {margin-bottom: 41px;}
.content .row {padding: 20px 0;}
.row.history p {text-align: center;margin-bottom: 18px;font-size: 13px;line-height: 17px;margin-left: auto;}

.row.ourvision h1 {font-size: 34px;text-align: center;margin-bottom: 10px;}
.row.ourvision p {font-size: 13px;line-height: 17px;text-align: center;}
.our-vision-div.mission {margin-top: 19px;}
.history {margin-bottom: 10px;}

/* products */
.content.product h1 {margin: 0 0 26px;}

/* contact us */
.item.active.contact-us h1 {font-size: 50px;margin-top: 28px;margin-left: 18px;}
.calldiv.email:before {left: 26px;top: 0px;width: 210px;height: 2px;}
.calldiv.location:before {left: 30px;top: 0px;width: 210px;height: 2px;}
.row .input {width:100%;}
.content.contact-main h1 {margin: 0 0 6px 57px;}

/*product detail */
.product-detail-img {width: auto;margin: 0 auto;}
input.quantity1 {width: 9.33%;}
.col-md-6.detail h2 {font-size: 28px;}
.detail {text-align: center;}
.product-detail-main {margin-right: 0px;margin: 21px 0px;}
.detail p {font-size: 13px;}


/*blog*/
.blog-left {width: 100%;}
.blog-right {float: none;width: 100%;margin-left: 12px;margin-bottom: 20px;}
.blog-img-div {width: 100%;margin-bottom: -10px;}
.products.white {height: 176px;}
.blog-text {margin-left: -16px;}
.grayline {width: 583px;}
.blog-text.bottom {width: 100%;}
.blogsection button {margin-left: -31px;}
.social-blog {width: 265px;margin-bottom: 29px;margin-left: -35px;}
.grayline {width: 261px;margin-bottom: 35px;}
.blog-text h2 {font-size: 25px;}
.blog-text p {font-size: 13px;}
.blogsection {margin: 0px 0px;}
.blog-main {margin-bottom: 20px;margin-top: 20px;}
.blogsection button {margin-bottom: 19px;}

#search{float: none;margin: 0 auto;width: 100%;}   
.top-menu{float: none;margin: 0 auto;float: none;width: 100%;}   
.submenu{top: 0;width: 100%;position: relative;}
.submenu li a{padding: 10px;font-size: 13px;line-height: 25px;}
.childmenu{top: 0;width: 100%;left: 0;position: relative;}
.childmenu li a{padding: 10px 10px;font-size: 13px;line-height: 25px;}
.blogmain .article-image{width: 100%;display: table;}
.blogmain .article-description{padding: 0;}
.blogmain .btn{padding: 0;}
.blogmain .article-image .blogdate{width: 55px;height: 55px;padding: 12px 0;line-height: 15px;font-size: 24px;margin-left: 15px;}
.blogmain .article-image .blogdate span{font-size: 11px;}
.eventmain .event-txt{width: 100%;}
.train-popup{background: #e9e9e9;width: 300px;padding: 38px 20px 20px 20px !important;}
.product .download_btn{display: table;float: none;margin: 0;}

.product .col-sm-6{display: table;width: 100%;padding: 0;}
.prod-img{height: auto;}
.prod-content.product{height: auto;}

.detail{display: flex;flex-direction: column;}
.detail h2{order: 1;}
.detail h3{margin: 0 !important;}
.detail h3 + a{order: 2;}
.detail button{margin-bottom: 15px !important;float: none;}
.detail .description{order: 3;}
.detail .desc{order: 4;}
.detail .addthis_toolbox{order: 5;}
.detail .download_btn{order: 6;margin: 15px auto 0 !important;}
}
