.product_information{width: 840px; margin: 0 auto; clear: both; padding:15px 0 30px 0; color: #333; font-size: 15px; line-height: 20px;}
.product_information a{color: #333333 !important;}
.product_information a:hover{color: #000 !important;}
.product_information b{color: #000 !important;}
.product_information ul, 
.product_information ul li{list-style: none !important; width: 100%; float: left; margin: 0; padding: 0; box-sizing: border-box; border: 0; line-height: 20px;}
.product_information div{float: left; width: 100%; line-height: 20px;}
.product_information p{float: left; width: 100%; padding-bottom: 15px; line-height: 20px;}
.product_information .common_title{font-size: 25px; color: #00abec; text-align: center; padding-bottom: 20px; font-weight: 700;}

.product_information h2, .product_information h3, .product_information h4, .product_information a{text-transform: none; text-decoration: none; padding: 0; margin: 0;}
.product_information img{display: block; width: 100%;}
.soft{transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}
.product_information .menufacture_title{font-size: 20px; line-height: normal; padding:0 0 10px 0 !important; font-weight: 600; color: #333; border-bottom: 1px solid #ccc;}
.product_information .page_title{font-size: 25px; line-height: normal; text-transform: uppercase; padding:0 0 20px 0 !important; font-weight: 700; color: #000;}
.product_information p{font-size: 15px; line-height: 20px; display: block; margin: 0;}

.pagecontent_links{border-top: 0px solid #ddd; padding:25px 0 15px 0;background: #fff;}
.pagecontent_links .main_title{ font-size: 30px; text-transform: capitalize; text-align: center; color: #847770; position: relative; padding-bottom: 0; font-weight: 700;}
.pagecontent_links .text_holder{padding: 15px 0 0 0; text-align: left; line-height: 25px;}
.pagecontent_links .text_holder a{color: #fff !important; padding: 4px 8px; display: inline-block; margin-bottom: 5px;}
.pagecontent_links .text_holder a.pink{background: #cc5fab;}
.pagecontent_links .text_holder a.orange{background: #ff8200;}
.pagecontent_links .text_holder a.green{background: #00b063;}
.pagecontent_links .text_holder a.blue{background: #005bb0;}
.pagecontent_links .text_holder a.brown{background: #ac650e;}

.pagecontent_one{padding: 10px 0; font-weight: 600;}
.pagecontent_one .item{width: 100%; display: block; position: relative;}
.pagecontent_one .item img{width: 110px; margin: 0 auto 0 auto;}
.pagecontent_one .owl-theme .owl-dots{display: none;}
.pagecontent_one .owl-theme .owl-nav{width: 75px; float: right; position: absolute; top: 80%; right: 0;}
.pagecontent_one .owl-theme .owl-nav span .svg-inline--fa{vertical-align: 0;}
.Frontline_one.owl-carousel .owl-nav button.owl-next,
.Frontline_one.owl-carousel .owl-nav button.owl-prev{background: #007dba; color: #fff;}
.Frontline_one.owl-carousel .owl-nav button.owl-next,
.Frontline_one.owl-carousel .owl-nav button.owl-prev{padding: 10px !important; position: relative;}
.Frontline_one.owl-carousel .owl-nav button.owl-next{right: 0;}
.Frontline_one.owl-carousel .owl-nav button.owl-prev{left: 0;}
.pagecontent_one .img_holder{width: 70%; float: left; -moz-border-radius: 5px;border-radius: 5px;border-radius: 5px; overflow: hidden;}
.pagecontent_one .img_holder img{width: 100%; display: block;}
.pagecontent_one .text_holder{width: 45%; float: right; background: #efefef; padding: 20px;-moz-border-radius: 5px;border-radius: 5px;border-radius: 5px;
position: absolute; top: 15%; right: 0; font-weight: 400; color: #333;}
.pagecontent_one .text_holder span.page_title{display: block; float: left; width: 100%;}

.pagecontent_two{padding: 10px 0;-moz-border-radius: 5px;border-radius: 5px;border-radius: 5px;}
.pagecontent_two .page_title{text-align: center;}
.pagecontent_two .shadetabs {width:100%; float:left; text-align: center; font-weight: 700; background: #f2f2f2;
-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; overflow: hidden;}
.pagecontent_two .shadetabs ul{width: 100% !important; float: left !important;}
.pagecontent_two .shadetabs li{width: 25% !important; list-style: none !important;border-right: 1px solid rgba(0,0,0,0.12); padding:0 !important;}
.pagecontent_two .shadetabs li::after,
.pagecontent_two .shadetabs li::before{display:none !important;}
.pagecontent_two .shadetabs li:last-child{border: 0;}
.pagecontent_two .shadetabs img{width: 35px; margin: 0 auto; display: block;}
.pagecontent_two .shadetabs a {transition: 0.5s; display: inline-block; float: left; width: 100%; padding:15px 0; background: #f7f7f7; cursor: pointer;}
.pagecontent_two .shadetabs a.active {background: #00abec;}
.pagecontent_two .tabcontent{width:100%; float:left;animation: fadeEffect 0.5s; padding:30px 20px; background: #efefef;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px; overflow: hidden; display:none;}
.pagecontent_two .tabcontent:first-child{display:block;}
.pagecontent_two .tabcontent .img_holder{width: 35%; float: left;}
.pagecontent_two .tabcontent .img_holder img{width: 140px; margin: 0 auto;}
.pagecontent_two .tabcontent .text_holder{width: 65%; float: right;}
.pagecontent_two .tabcontent .text_holder span.page_title{display: block; float: left; width: 100%; text-align: left;}
@keyframes fadeEffect {
0% {opacity: 0;}100% {opacity: 1;}
}

.pagecontent_three{padding-bottom:10px;}
.pagecontent_three .page_title{text-align: center;}
.pagecontent_three .page_title span{display: inline-block; width: 100%; float: left; padding-top: 10px; color: #666; text-transform: none; font-weight: 400; font-size: 15px;}
.pagecontent_three .text_holder{}
.pagecontent_three .text_holder ul li{background: url(/images/brand/Frontline/symb.png) no-repeat 5px 10px; width: 100%; padding: 10px 0 10px 35px;}
.pagecontent_three .text_holder ul li::before{display:none;}

.pagecontent_four{padding-top: 10px;text-align: center; border-top: 1px solid #ccc;}
.pagecontent_four a{color: #333 !important; padding: 5px 15px; display: inline-block; margin-bottom: 5px; background: #e8e8e8;}
.pagecontent_four a:hover{color: #fff !important; background: #00abec;}


/*** RESPONSIVE START HERE ***/
@media only screen and (max-width:970px), (max-width:1040px){

}

@media only screen and (max-width:720px),(max-width:760px), (max-width:960px){
.product_information{width: 100%;}
.product_information .page_title{font-size: 22px; padding-bottom: 15px;}

.pagecontent_one{overflow: hidden; border-bottom: 1px solid #ccc; height: 560px;}
.pagecontent_one .img_holder{width: 100%;}
.pagecontent_one .text_holder{width: 80%; margin: 0 10%; top: 85%;}
.pagecontent_one .owl-carousel .owl-stage-outer{overflow: unset;}
.pagecontent_one .owl-theme .owl-nav{width: 100%; top: 0; right: 0; position: relative;}
.Frontline_one.owl-carousel .owl-nav button.owl-prev{position: absolute;}
.Frontline_one.owl-carousel .owl-nav button.owl-next{position: absolute;}
.pagecontent_two .tabcontent .img_holder{width: 25%;}
.pagecontent_two .tabcontent .img_holder img{width: 70%;}
.pagecontent_two .tabcontent .text_holder{width: 75%;}


}

@media only screen and (max-width:600px),  (max-width:700px){
.pagecontent_one{height: 500px;}

}

@media only screen and (max-width:501px), (max-width:580px){
.pagecontent_one{height: 460px;}
}


@media only screen and (max-width:490px),  (max-width:500px){
.pagecontent_one{height: 460px;}	
}

@media only screen and (max-width:400px),  (max-width:480px){
.product_information .page_title{font-size: 20px; padding: 0 3% 15px 3%;}

.pagecontent_one{height: 460px;}
.pagecontent_two .tabcontent .img_holder{width: 100%; padding-bottom: 20px;}
.pagecontent_two .tabcontent .img_holder img{width: 120px; margin: 0 auto; float: left;}
.pagecontent_two .tabcontent .text_holder{width: 100%;}

}

@media only screen and (max-width:375px){
.pagecontent_one{height: 440px;}
}

@media only screen and (max-width:320px){
.pagecontent_one{height: 450px;}
}