.product_information{width: 100%; margin: 0 auto; clear: both; padding:15px 0 30px 0; color: #575757; font-size: 15px; line-height: 22px;}
.product_information div,
.product_information p{float: left; width: 100%; color:#fff;}
.product_information h2, .product_information h3, .product_information h4, .product_information a{text-transform: none; text-decoration: none; padding: 0;}
.product_information img{display: block; width: 100%;}
.soft{transition-duration:5s;transition-duration:1000ms;transition-duration:500ms, 500ms;}

.product_information .page_title{font-size: 15px; text-transform: uppercase; padding:0 0 10px 0 !important; font-weight: 700; color: #333; border: 0px;}
.product_information p{font-size: 15px; line-height: 25px; display: block; padding: 10px 0 0 0 !important;}
.product_information p b{color: #000; font-size: 17px;}

.pagecontent_links{}
.pagecontent_links .main_title{ font-size: 25px; text-transform: uppercase; text-align: center; color: #00abec; position: relative; padding-bottom: 10px; font-weight: 700;}
.pagecontent_links .main_title::after{content: ''; position: absolute; width: 100px; height: 4px; background: #00abec; bottom: 0; margin: 0 auto; display: block; right: 0; left: 0;}
.pagecontent_links .text_holder{padding: 15px 0; text-align: center;color: #666;}
.pagecontent_links .text_holder a{color: #666 !important; padding: 0 5px;}
.pagecontent_links .text_holder a:hover{color: #000 !important;}

.pagecontent_one{padding: 30px 30px;}

.pagecontent_one{color: #fff;
background:-webkit-linear-gradient(#2b99f2, #06bcfd); /* For Safari 5.1 to 6.0 */
background:-o-linear-gradient(#2b99f2, #06bcfd); /* For Opera 11.1 to 12.0 */
background:-moz-linear-gradient(#2b99f2, #06bcfd); /* For Firefox 3.6 to 15 */
background:linear-gradient(#2b99f2, #06bcfd); /* Standard syntax */}
.pagecontent_one .img_holder{width: 20%; float: right;}
.pagecontent_one .text_holder{width: 75%; float: left; padding-top:50px;}
.pagecontent_one .text_holder span,
.pagecontent_two .text_holder span{font-size: 30px; line-height: 40px; font-weight: 800; display: inline-block; width: 100%; padding-bottom: 50px;}
.pagecontent_one .text_holder a.learn,
.pagecontent_two .full_text a.buy{font-size: 18px; line-height: 35px; color: #fff !important; display: inline-block; width: 190px; text-align: left; float: left; display: inline-flex;}
.pagecontent_one .text_holder a.learn img,
.pagecontent_one .text_two a.learn img{width: 35px; margin: 0 0 0 9px; display: inline-block;transition-duration:5s;transition-duration:500ms;transition-duration:100ms, 100ms;}
.pagecontent_one .text_holder a.learn:hover img,
.pagecontent_one .text_two a.learn:hover img{margin: 0 0 0 15px; opacity: 0.7;}

.pagecontent_two{padding: 30px 30px;}
.pagecontent_two .img_holder{width: 300px; float: right; display:none;}
.pagecontent_two .text_holder{width: 100%; float: left;}
.pagecontent_two .text_holder span{color: #333; padding-bottom: 20px;}
.pagecontent_two .text_holder ul li{ background: url("/images/brand/Nexgard/new-symb-1.png") no-repeat 0 6px; padding: 5px 0 5px 30px; width: 50%; }
.pagecontent_two .full_text{}
.pagecontent_two .full_text span{display: inline-block; width: 100%; float: left; padding: 0 0 20px 0;color:#575757;}
.pagecontent_two .full_text a.buy{color: #00abec !important;width: 250px;}
.pagecontent_two .full_text a.buy img{width: 35px; margin: 0 0 0 9px; display: inline-block;transition-duration:5s;transition-duration:500ms;transition-duration:100ms, 100ms;}
.pagecontent_two .full_text a.buy:hover img{margin: 0 0 0 15px; opacity: 0.7}

.pagecontent_one.three{margin-bottom: 30px;}
.pagecontent_one.three span{ padding-bottom: 0; }



/*** 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%;}

.pagecontent_two .img_holder{width: 250px;}

}

@media only screen and (max-width:510px),  (max-width:600px){
.pagecontent_one,
.pagecontent_two{padding:20px;}

.pagecontent_one .img_holder,
.pagecontent_two .img_holder{width: 100%; padding-bottom: 20px;}
.pagecontent_one .img_holder img,
.pagecontent_two .img_holder img{width: 250px; margin: 0 auto;}

.pagecontent_one .text_holder,
.pagecontent_two .text_holder{width: 100%;}

.pagecontent_one .text_holder span,
.pagecontent_two .text_holder span{font-size: 25px; line-height: 35px; padding-bottom: 10px;}

}

/*=== Brand Page HTML CSS ===*/

.BrandPage_Container{width: 884px; float: left;}
.BrandPage_Container div{width: 100%; float: left;}
.BrandPage_Container .banner_container{position: relative;}
.BrandPage_Container .banner_container .img_holder{}
.BrandPage_Container .banner_container .text_holder{position: absolute; font-size: 15px; line-height: 22px; width: 52%; padding: 30px 0 0 30px;}
.BrandPage_Container .banner_container .text_holder span{display: inline-block; width: 100%;}

.BrandPage_Container .banner_container .text_holder span,
.BrandPage_Container .nexgard_range .title{font-size: 30px; line-height: 35px; padding-bottom: 10px; font-weight: bold; }
.BrandPage_Container .nexgard_range .product_box ul li,
.BrandPage_Container .nexgard_range .product_box span{transition-duration:3s;transition-duration:500ms;transition-duration:500ms, 500ms;}

.BrandPage_Container .nexgard_range{padding: 20px 0; text-align: center;}
.BrandPage_Container .nexgard_range .title img{width: 250px; margin: 10px auto; display: block;}
.BrandPage_Container .nexgard_range .product_box{}
.BrandPage_Container .nexgard_range .product_box ul li{width: 23.5%; border: 1px solid #dbdbdb; padding:10px 10px 10px 10px; margin: 0 2% 0 0;}
.BrandPage_Container .nexgard_range .product_box ul li:last-child{margin: 0;}
.BrandPage_Container .nexgard_range .product_box ul li a{display: block; width: 100%;}
.BrandPage_Container .nexgard_range .product_box img{width: 140px; display: block; margin: 0 auto;}
.BrandPage_Container .nexgard_range .product_box span{display: inline-block; padding-top: 10px; font-weight: bold; font-size: 15px; padding:5px 10px; border-radius: 5px; margin-top: 10px;}
.BrandPage_Container .nexgard_range .product_box ul li:hover{border: 1px solid #f15050;}
.BrandPage_Container .nexgard_range .product_box ul li:hover span{background: #f15050; color: #fff;}


@media only screen and (max-width:720px),(max-width:760px), (max-width:960px){
.BrandPage_Container{width: 100%;}
.BrandPage_Container .nexgard_range .title img{width: 200px;}
}

@media only screen and (max-width:600px), (max-width:650px),(max-width:680px){
.BrandPage_Container .banner_container .text_holder span,
.BrandPage_Container .nexgard_range .title{font-size: 25px; line-height: 30px;}
.BrandPage_Container .banner_container .text_holder{font-size: 14px; line-height: 20px; width: 55%; padding: 10px; background: rgba(255,255,255,0.6); margin: 10px 0 0 10px;}

.BrandPage_Container .nexgard_range .product_box ul li,
.BrandPage_Container .nexgard_range .product_box ul li:last-child{width: 49%; border: 1px solid #dbdbdb; padding:10px 10px 10px 10px; margin: 0 2% 10px 0;}
.BrandPage_Container .nexgard_range .product_box ul li:nth-child(2n){margin: 0 0 10px 0;}
}

@media only screen and (max-width:500px),(max-width:580px){
.BrandPage_Container .banner_container .text_holder span,
.BrandPage_Container .nexgard_range .title{font-size: 22px; line-height: 25px;}

.BrandPage_Container .banner_container .text_holder{width: 60%;}
}

@media only screen and (max-width:400px), (max-width:450px),(max-width:480px) {
.BrandPage_Container .banner_container{background: url(/images/brand/nexgard/nexgard-brand-banner-img.jpg) no-repeat center 0 fixed; background-size: 500px; padding: 10px;}
.BrandPage_Container .banner_container .img_holder{display: none;}
.BrandPage_Container .banner_container .text_holder{font-size: 15px; line-height: 22px; width: 100%; padding: 10px; background: rgba(255,255,255,0.8); margin: 0; position: relative;}
.BrandPage_Container .nexgard_range .title img{width: 160px;}
.BrandPage_Container .nexgard_range .product_box img{width: 70%;}
}