/*!
Theme Name: spinepoly
Theme URI: http://www.spinepoly.com/
Author: spinepoly.com
Author URI: http://www.spinepoly.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: spinepoly
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@charset "utf-8";
/* CSS Document */

::selection {
	background: #000; /* Safari */
	color:#fff;
}
::-moz-selection {
	background: #000; /* Firefox */
	color:#fff;
} 
 
/*
   font-family: "Barlow", sans-serif;
*/

	
* { margin:0; padding:0; outline:none;}
.container {  position:relative;}
body { margin:0; padding:0; font-family: "Barlow", sans-serif; font-weight:400; line-height:normal; overflow-x: hidden; }
p { margin:0; padding:15px 0 0 0; font-family: "Barlow", sans-serif; font-weight:400; font-size:16px; line-height:24px; color:#333; }
p b { font-weight:600;  }
h1, h2, h3, h4, h5, h6  { margin:0; padding:0; font-weight:700; font-family: "Barlow", sans-serif; color:#222;}
ul, li { margin:0; padding:0; font-family: "Barlow", sans-serif;}
a { color:#000; text-decoration:none;}
a:hover  { text-decoration:none; color:#000;}
img { width:100%;}
.form-control:focus {box-shadow:none;}
.width_100 { float:left; width:100%;}
h1 { font-size:50px; line-height:60px;}
h2 { font-size:36px; line-height:42px }
h3 { font-size:30px; line-height:36px} 
h4 { font-size:24px; line-height:30px;}
h5 { font-size:20px; line-height:24px;}
h6 { font-size:18px; line-height:24px; font-weight:500; padding-bottom:10px; }
h6 span {background-color:rgba(255, 204, 0, 0.2); padding:5px 12px; border-radius:30px;}

.read_more_but { float:left; width:100%; padding:20px 0 0 0;}
.btn {display: inline-block; overflow: hidden; background: #FFCC00; padding: 10px 25px; font-size:16px; font-weight:600; border-radius:5px; color: #000; z-index: 1; position:relative; touch-action: manipulation; transition: all 0.5s ease 0s; font-family: "Barlow", sans-serif;}
.btn::before {background:#222;   content: ""; height:100px; left:auto; position:absolute; top: 0; right:0; width:0; z-index: -1; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;}
.btn:hover::before { width:100%; right:auto; left:0;}
.btn:hover { color:#fff !important; background:#222;}

header { width:100%; z-index:999; position:relative;} 
nav .navbar-brand { padding:12px 0; max-width:200px;} 
nav .navbar-collapse {flex-grow:0;}
.f-nav { z-index: 9999; position: fixed; top: 0; width: 100%; background:#fff !important; box-shadow:0 1px 6px #CCC;}
/*.f-nav .navbar-brand { max-width:160px; padding:15px 0; transition: all 800ms ease;}*/
  
.header_top_bg { background:#FFCC00; padding:15px 0; }
.header_top_bg .container { display: flex; justify-content:space-between;}
.header_top_bg .header_left_icon {display: flex; align-items: center;}
.header_top_bg .header_left_icon a { font-size:20px; color:#333; margin-left:15px;}
.header_top_bg .header_left_icon a:hover { color:#000;}
.header_top_bg .header_left_icon span { font-size:16px; color:#000; font-weight:500;}

.header_top_bg .header_right_phone { padding:0; display: flex; }
.header_top_bg .header_right_phone a { display: flex; align-items: center; font-size:16px; line-height:18px; font-weight:500; color:#000; margin-left:30px;}
.header_top_bg .header_right_phone a i {color:#333; font-size:16px; margin-right:6px;}
.header_top_bg .header_right_phone a:hover { color:#000;}
  
.navbar { padding:0;}
.navbar .navbar-nav .nav-item { padding:0;}
.navbar .navbar-nav .nav-link { margin:0 0 0 30px; padding:12px 0; font-size:16px; font-weight:600; text-transform:uppercase; color:#000; }
.navbar .navbar-nav .nav-link:hover { color:#FFCC00;  }
.navbar .navbar-nav .nav-link.active { color:#FFCC00;  }
.navbar .navbar-nav .nav-link.brochure { background:#FFCC00; padding:10px 25px; font-weight:bold; border-radius:30px; color:#fff; text-transform:uppercase;}
.navbar .navbar-toggler {border:1px solid #000; background:url(images/menu-icon.png) center center no-repeat; padding:4px 8px;}
.navbar .navbar-toggler:focus { box-shadow:none;}
.dropdown:hover .dropdown-menu {display: block; min-width:310px; z-index:9999; border-radius:0;}
.dropdown:hover .dropdown-menu li { padding:7px 15px;}
.dropdown:hover .dropdown-menu li a { font-size:16px; color:#000;  font-weight:600;} 
.dropdown:hover .dropdown-menu li a:hover { color:#FFCC00;}
 
section { float:left; width:100%; background:#ffffff;}
.banner_top_bg { float:left; width:100%; position:relative;}
.banner_text_bg { position:absolute; top:22%; z-index:2; left:18%; right:18%; text-align:center;}
.banner_text_bg h1 { float:left; width:100%;  color:#fff; font-weight:700; padding-bottom:15px; text-align:center;}
.banner_text_bg p { max-width:600px; margin:0 auto; font-size:20px; line-height:30px; color:#fff; font-weight:400; padding:0; text-align:center;}
.banner_text_bg .btn { margin-top:20px;}
.banner_text_bg .row { margin-top:16%;}
.banner_text_bg .banner_icon { width:100%; background-color: rgb(0 0 0 / 20%);  backdrop-filter: blur(10px); border-radius:10px; display: flex; align-items: center; padding:20px 15px; margin-top:30px;}
.banner_text_bg .banner_icon img { width:70px; margin-right:15px;}
.banner_text_bg .banner_icon h5 { color:#fff; text-align:left;}

 
.home_aboutus_bg { float:left; width:100%; padding:50px 0 0 0;} 
.home_aboutus_bg .row { align-items: center;}
.about_left_img { width:100%; margin-top:30px;}
.about_left_img img { border-radius:20px;}
.about_right_text {  margin-top:30px;}
.about_right_text h4 { margin-top:15px;}
.about_right_text .btn { margin-top:20px;}
.about_right_text ul { padding:5px 0 0 0; margin:0; list-style:none;}
.about_right_text li { font-size:16px; color:#333; padding:10px 0 0 14px; background:url(images/dot-arrow.svg) left 15px no-repeat;}
.about_mission_vision_bg { float:left; width:100%; padding:50px 0 0 0;}
.mission_vision_box { float:left; width:100%; margin-top:30px; background:#fff; border-radius:10px; box-shadow:0 1px 7px #DCDCDE; padding:30px;}
.mission_vision_box h4 {display: flex;  align-items: center;}
.mission_vision_box h4 img { width:36px; margin-right:10px; display:flex;}
.mission_vision_box ul { padding:5px 0 0 0; margin:0; list-style:none;}
.mission_vision_box li { float:left; font-size:16px; color:#333; padding:10px 0 0 14px; background:url(images/dot-arrow.svg) left 15px no-repeat;}


.why_choose_box { float:left; width:100%; display: flex; margin-top:20px;}
.why_choose_box .icon { width:70px; margin-right:15px;}
.why_choose_box .icon img { width:70px;} 
.why_choose_box .text p { padding:5px 0 0 0;}

.product_range_bg { float:left; width:100%; background:#F6F6F6; margin:80px 0 0 0; padding:80px 0; position:relative;} 
.product_range_bg::before { content:''; position:absolute; background:url(images/product-bg.jpg) left top no-repeat; background-size:cover; width:100%; height:43%; left:0; top:0;}
.product_range_bg h6 { text-align:center; color:#FFCC00;}
.product_range_bg h6 span {background-color:rgba(0, 0, 0, 0.5);}
.product_range_bg h2 { max-width:770px; margin:0 auto; text-align:center; color:#fff;}
.product_box { float:left; width:100%; background:#fff; border-radius:10px; margin-top:30px;}
.product_box .img  {  overflow:hidden; border-radius:10px 10px 0 0;}
.product_box .img img { width:100%; transition: all 0.4s; border-radius:10px 10px 0 0;}
.product_box:hover .img img {transition: all 0.4s; scale: 1.05;}
.product_box h5 { padding:20px 20px 0 20px; min-height:68px;}
.product_box p { padding:15px 20px 0 20px; min-height:135px;}
.product_box a.viewmore { float:left; margin:20px; font-size:16px; font-weight:700; color:#333; border-bottom:2px solid #FFCC00;}
.product_box a.viewmore:hover { border-bottom:2px solid #000;}
.product_box:hover { transform: translateY(-8px); transition: all .4s; box-shadow: 0 1px 7px #DCDCDE;}
.product_range_slider.slick-slider {margin:0 -15px;} 
.product_range_slider .slick-prev { background:url(images/left-arrow.svg) left top no-repeat; width:30px; height:30px; background-size:30px; border:none; box-shadow:none; left:0; top:47%; border-radius:0; z-index:4;}
.product_range_slider .slick-next { background:url(images/right-arrow.svg) left top no-repeat; width:30px; height:30px; background-size:30px; border:none; box-shadow:none; right:0; top:47%; border-radius:0;  z-index:4;}
.product_range_slider .slick .slick-prev::before { display:none;}
.product_range_slider .slick .slick-next::before { display:none;}
 
.testimonials_home_bg { float:left; width:100%; background:#F6F6F6; padding:80px 0 70px 0; margin-top:80px; text-align:center;}
.testimonials_box { float:left; width:100%; padding:30px; background:#fff; box-shadow:0 1px 6px #CCC; border-radius:20px; margin:30px 0 10px 0; position:relative;}
.testimonials_box .quoteicon { width:44px; position:absolute; bottom:30px; right:30px;}
.testimonials_box p { font-size:18px; line-height:26px; color:#000; font-weight:500; font-style:italic; text-align:left; padding:0; }
.testimonials_box .customer_box { margin-top:20px; display:flex; align-items:center;}
.testimonials_box .customer_box .customer_logo { width:40px; margin-right:10px;}
.testimonials_box .customer_box .customer_logo img  { width:40px; border-radius:50%; background:#fff; border:1px solid #CCCCCC;}
.testimonials_box .customer_box p { font-size:13px; line-height:20px; color:#666666; font-style:inherit;}
.testimonials_box .customer_box p span { font-size:16px; font-weight:500; color:#1C1C1C;}
.testimonials_slider { max-width:1100px; margin:0 auto !important;}
.testimonials_slider .slick-dots { bottom:-25px; left:0; right:0; width: auto;}
.testimonials_slider .slick-dots li { width:10px; height:10px; margin:0 5px;}
.testimonials_slider .slick-dots li button { background:#ccc; width:10px; height:10px; border-radius:50%;}
.testimonials_slider .slick-dots li.slick-active button { background:#02225D;}

.brands_logo_home_bg { float:left; width:100%; padding:80px 0 0 0; text-align:center;}
.brands_logo img { float:left; width:100%; border:1px solid #ccc; margin-top:30px;}
.brands_logo_home_bg .slick-slider { margin:0 -15px;}

.latest_blog_bg { float:left; width:100%; padding:80px 0 0 0;  }
.latest_blog_bg h2 {display:flex; align-items:center; justify-content: space-between;}
.blog_box {float:left; width:100%; margin-top:30px; padding:0; background:#fff; border-radius:10px; border:1px solid #DDDDDD;}
.blog_box .img  { float:left; width:100%;  overflow:hidden; border-radius:10px 10px 0 0;}
.blog_box .img img { width:100%; transition: all 0.4s; border-radius:10px 10px 0 0;}
.blog_box:hover .img img {transition: all 0.4s; scale: 1.05;}
.blog_box h6 { float:left; width:100%; text-align:left; font-size:18px; font-weight:700; padding:0 20px; margin:15px 0; height:52px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.blog_box .date { float:left; width:100%; font-size:16px; color:#666666; padding:15px 20px 0 20px; }
.blog_box .date i { margin-right:8px; font-size:14px; color:#666666;}
    
footer { float:left; width:100%; background:#222222; padding:50px 0 0 0; margin-top:80px; position:relative;}
.footer_box { float:left; width:100%; padding:30px 0 0 0;}  
.footer_box h5 { float:left; width:100%; font-size:24px; color:#fff; position:relative; margin-bottom:20px; }
.footer_box p { float:left; width:100%; font-size:16px; line-height:22px; text-align:left; color:#fff; padding:15px 0 0 0;}
.footer_box p i { float:left; font-size:18px; color:#FFCC00; padding:2px 5px 0 0;}
.footer_box p i.fa-location-dot{ font-size:22px; margin-bottom:22px;}
.footer_box p a {color:#fff;}
.footer_box p a:hover { color:#fff;}
.footer_box .left_icon a { margin-top:0; color:#fff; font-size:22px; margin-right:20px; text-align:center; float:left;}
.footer_box .left_icon a:hover { color:#FFCC00; }
.footer_box ul { float:left; width:50%; list-style:none; padding:7px 0 0 0; margin:0;}
.footer_box li { float:left; width:100%; list-style:none; padding:10px 0 10px 0; margin:0;}
.footer_box li a { float:left; font-size:16px; color:#fff; padding:0 0 0 14px; background:url(images/footer-ellipse.svg) left 8px no-repeat;}
.footer_box li a:hover { color:#FFCC00;}
.footer_newsletter_box { float:left; width:100%; position:relative; margin:15px 0 20px 0;}
.footer_newsletter_box .newsletter_input { float:left; width:100%; padding:0 0 0 20px; background:#fff; font-size:15px; color:#333; height:54px; border:none; border-radius:5px;}
.footer_newsletter_box .btn { margin-top:10px; padding:12px 30px; text-transform:uppercase;}
.footer_newsletter_box .btn:hover::before { background:#fff; color:#333;}
.footer_newsletter_box .btn:hover { color:#333 !important;}
.copyright_text_bottom { float:left; width:100%; text-align:center; color:#fff; border-top:1px solid #999999; font-size:16px; padding:25px 0; margin-top:80px; } 
 
.inner_page_title_bg {float:left; width:100%; background-size:cover !important;  padding:130px 0; position:relative;}
.inner_page_title_bg:before { content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-color:rgba(0, 0, 0, 0.5);}
.inner_page_title_bg h1 { float:left; width:100%; text-align:center;   color:#fff; z-index:2; position:relative;}
.inner_page_title_bg .header_link { float:left; width:100%; text-align:center; font-size:16px; color:#fff; padding:10px 0 0 0;}
.inner_page_title_bg .header_link a { text-align:center; font-size:16px; color:#fff;}
.inner_page_title_bg .header_link span { text-align:center; font-size:16px; padding:0 15px; color:#fff;}


.timeline_aboutus_bg { float:left; width:100%; text-align:center; padding:80px 0 0 0;}
.timeline_aboutus_bg .container { max-width:1000px;}
.timeline_aboutus_bg h3 { font-size:28px; font-weight:700; }  
.timeline_aboutus_bg h3 img { width:22px; margin-right:8px;}
.timeline_aboutus_bg .left h3 { text-align:right;}
.timeline_aboutus_bg .left h5 { text-align:right;}
.timeline_aboutus_bg .left p { text-align:right; padding:10px 0 0 0;}
.timeline_aboutus_bg .right h3 { text-align:left;}
.timeline_aboutus_bg .right h5 { text-align:left;}
.timeline_aboutus_bg .right p { text-align:left; padding:10px 0 0 0;}

.main-timeline {  position: relative;}
/* The actual timeline (the vertical ruler) */
.main-timeline::after { content: ""; position: absolute; width:2px; background-color:#939597; top:0; bottom:0; left: 50%; margin-left: -1px;}
/* Container around content */
.timeline { position: relative; background-color: inherit; width: 50%;}
/* The circles on the timeline */
.timeline::after { content: ""; position: absolute; width: 25px; height: 25px; right: -13px; background-color: #000; border: 5px solid #FFCC00; top: 15px; border-radius: 50%; z-index: 1;}
.main-timeline .card {border: 1px solid #F6F6F6; background:#F6F6F6; border-radius:10px;}
/* Place the container to the left */
.left {  padding:0px 40px 20px 0px; left:0;}
/* Place the container to the right */
.right { padding:0px 0px 20px 40px; left:50%; }
/* Add arrows to the left container (pointing right) */
.left::before { content:" "; position:absolute; top:18px; z-index:1; right:30px; border:medium solid #F6F6F6; border-width:10px 0 10px 10px; border-color: transparent transparent transparent #F6F6F6;}
/* Add arrows to the right container (pointing left) */
.right::before { content: " "; position:absolute; top:18px; z-index:1; left:30px; border:medium solid #F6F6F6; border-width:10px 10px 10px 0; border-color: transparent #F6F6F6 transparent transparent;}
/* Fix the circle for containers on the right side */
.right::after { left: -12px;}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
.main-timeline::after { left: 31px; }
.timeline { width: 100%; padding-left: 70px; padding-right: 25px; }
.timeline::before { left: 60px; border: medium solid #F4F5F8; border-width: 10px 10px 10px 0; border-color: transparent #F4F5F8 transparent transparent; }
.left::after, .right::after { left: 18px; }
.left::before { right: auto; }
.right { left: 0%; }
} 

.manufacturing_technology_bg { float:left; width:100%; background:#F6F6F6; padding:80px 0; margin-top:80px; text-align:center;}
.manufacturing_box { float:left; width:100%; padding:30px 17px; margin-top:30px; background:#fff;  border-radius: 10px; }
.manufacturing_box .icon { width:80px; margin:0 auto;}
.manufacturing_box .icon img { border-radius:50%; background:#FFCC00; width:100%;}
.manufacturing_box h5 {  padding:15px 0 0 0; font-size:18px;  }
.manufacturing_box p {  padding:10px 0 0 0; }

.certifications_quality_bg  { float:left; width:100%; padding:50px 0 0 0;}
.certifications_quality_bg .row { align-items: center;}
.certifications_left { float:left; width:100%; margin-top:30px;}
.certifications_left ul { padding:5px 0 0 0; margin:0; list-style:none;}
.certifications_left li {  font-size:16px; color:#333; padding:10px 0 0 14px; background:url(images/dot-arrow.svg) left 15px no-repeat;} 
.certifications_right { float:left; width:100%; margin-top:30px; background:#F6F6F6; padding:30px; border-radius:10px;}
.certifications_right .certifications_img {display: flex; align-items: center; margin-top:15px;}
.certifications_right .certifications_img img { width:100px; margin-right:15px;}
.certifications_right .certifications_img p { padding:0;}

.team_leadership_bg { float:left; width:100%; padding:50px 0 0 0;}
.team_leadership_bg h2 { margin-top:30px;}
.team_leadership_bg .team_box { float:left; width:100%; background:#fff; border-radius:10px; border:1px solid #DDDDDD; margin-top:30px;}
.team_leadership_bg .team_box img { border-radius:10px 10px 0 0;}
.team_leadership_bg .team_box h4 { padding:15px 20px 0 20px;}
.team_leadership_bg .team_box h6 { padding:0 20px 0 20px; font-size:20px;}
.team_leadership_bg .team_box p { padding:15px 20px 15px 20px;}

.contact_page_main { float:left; width:100%;}
.contact_form_bg {display:flex; flex-wrap:wrap; max-width:970px; margin:80px auto 0 auto; padding:30px; border-radius:10px; background: #F6F6F6;}
.contact_form_bg h2 { text-align:left; width:100%;}
.contact_form_bg h3 { text-align:left; width:100%; padding:15px 0 0 0;}
.contact_form_bg .form-label { padding:15px 0 0 0;}
.contact_form_bg .form-label span { color:#F00;}
.contact_form_bg .form-control { float:left; width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #DDDDDD; min-height:44px; padding:10px 15px; margin-top:5px; border-radius:5px;}
.contact_form_bg .form-select{ float:left; width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #DDDDDD; min-height:44px; padding:10px 15px; margin-top:5px; border-radius:5px;}
.contact_form_bg .btn  { margin:15px 0 0 0;  }
.contact_page_main .wpcf7-not-valid-tip { float:left; width:100%;}
.contact_map { float:left; width:100%; margin-top:80px;}

.contact_box_text { float:left; width:100%; text-align:center; margin-top:80px; border:1px solid #FFCC00; border-radius:10px;}
.contact_box_text h5 { float:left; width:100%; background:#FFCC00; padding:12px; border-radius:9px 9px 0 0; color:#000; text-align:center;  }
.contact_box_text p { float:left; width:100%; text-align:center; padding:12px 15px; }
.contact_box_text .icon { float: left; width:100%; margin-top:20px; background:#FFCC00; padding:10px;  border-radius:0 0 8px 8px;}
.contact_box_text .icon i { color:#fff; font-size:18px;} 

.manufacturing_text_bg { float:left; width:100%; padding:80px 0 0 0;} 
.manufacturing_text_bg.bgcolor {background: #F6F6F6; padding:50px 0 80px 0; margin-top:80px;}
.manufacturing_text_bg .row { align-items: center;}
.manufacturing_left_img { width:100%; margin-top:30px;}
.manufacturing_left_img img { border-radius:20px;}
.manufacturing_right_text {  margin-top:30px;}
.manufacturing_right_text ul { padding:5px 0 0 0; margin:0; list-style:none;}
.manufacturing_right_text li { font-size:16px; font-weight:600; color:#333; padding:10px 0 0 14px; background:url(images/dot-arrow.svg) left 15px no-repeat;}

.why_spine_polyfilm_bg { float:left; width:100%; padding:80px 0 0 0; text-align:center;}
.why_spine_polyfilm_bg .manufacturing_box {border: 1px solid #DDDDDD;}

.faq_page_bg { float:left; width:100%; padding:70px 0 0 0;}
.faq_question { max-width:1000px; width:auto; margin:0 auto;}
.faq_question .accordion-item { border:none; margin-top:10px;  border:1px solid #ececec;}
.faq_question .accordion-button { background:#fff; font-weight:600; font-size:18px; line-height:24px; color:#000; }
.faq_question .accordion-button:not(.collapsed) { background:#FFCC00 !important; color:#000000 !important; padding:15px 20px;}
.faq_question .accordion-button::after { background-color:#fff; border-radius:50%; background-position: center center; background-size:14px;}
.faq_question .accordion-button:focus {   box-shadow:0 0 5px #e8e8e8;}
.faq_question .accordion-body { padding:0 20px 20px 20px;} 
.faq_question .accordion-button::after { background:url(images/plus-icon.svg) right center no-repeat; width:24px; height:24px;}
.faq_question .accordion-button:not(.collapsed)::after {background:url(images/minus-icon.svg) right center no-repeat; width:24px; height:24px; transform: rotate(0); }
.faq_question .accordion-body p {color:#333; padding:15px 0 0 0; font-size:16px; line-height:24px;}

.blog_page_main { float:left; width:100%; padding:50px 0 0 0;}
.blog_left_bg { float:left; width:100%; background:#F6F6F6;  margin-top:30px; border-radius:10px; padding:0 20px;}
.blog_left_bg h4 {   padding:20px 0 0 0; color:#000000;}
.blog_left_bg ul { float:left; width:100%; list-style:none; margin:10px 0; padding:0;}
.blog_left_bg li { float:left; width:100%; list-style:none; padding:10px; margin:4px 0; background: #fff;}
.blog_left_bg li a { font-size:16px; font-weight:600; color:#000;  background:url(images/footer-ellipse.svg) left 7px no-repeat; padding:0 0 0 15px;}
.blog_left_bg li a:hover { color:#FFCC00;}
.blog_left_bg .blog_img_box { display:flex; align-items:center; width:100%; border-bottom: 1px solid #D9D9D9; padding:20px 0;}
.blog_left_bg .blog_img_box:last-child { border:none;}
.blog_left_bg .blog_img_box .img img { width:115px; margin-right:20px; border-radius:5px;}
.blog_left_bg .blog_img_box .img img:hover { opacity:0.8;}
.blog_left_bg .blog_img_box .text p { color:#666666; padding:0; font-size:14px;}
.blog_left_bg .blog_img_box .text h5 { line-height:20px;}
.blog_left_bg .blog_img_box .text h5 a { color:#333; padding:0; font-size:16px; line-height:20px; font-weight:700;}
.blog_left_bg .blog_img_box .text h5 a:hover { color:#000000;}
.our_news_detail_text { float:left; width:100%; margin-top:30px; }
.our_news_detail_text img { float:left; width:100%; border-radius:10px;}
.our_news_detail_text .date { float:left; width:100%; font-size: 14px; color:#666; padding:20px 0 0 0;}
.our_news_detail_text .date .fa-calendar-alt { margin-right:8px; color:#666666;}
.our_news_detail_text h5{  padding:15px 0 0 0;  }
.our_news_detail_text h4{  padding:15px 0 0 0;  }
.our_news_detail_text ul { padding:8px 0 0 0; list-style:none;}
.our_news_detail_text ul li { background:url(images/dot-arrow.svg) left 15px no-repeat; padding:10px 0 0 15px; font-size:16px; font-weight:400; color:#333;}
.our_news_detail_text ol { padding:8px 0 0 15px;  }
.our_news_detail_text ol li {  padding:10px 0 0 0; font-size:16px; font-weight:400; color:#333; background:none;}

.industries_served_page_bg { float:left; width:100%; padding:80px 0 0 0;}
.industries_box { float:left; width:100%; position:relative; overflow:hidden; margin-top:30px; text-align:center; border-radius:10px;}
.industries_box img {  width:100%; border-radius:10px; transition: all 0.4s; transition: all 0.4s; scale: 1.05 ;}
.industries_box:hover img {transition: all 0.4s; scale: 1.00 ;  border-radius:10px;}
.industries_box .overlay { background-color: rgba(0, 0, 0, 0.5); width:100%; padding:20px; float: left; border-radius:10px; position: absolute; bottom:0; left:0;  transition: transform 0.3s ease; transform: translatey(100%); height:100%;} 
.industries_box .overlay h5 { color:#fff; text-align:center; padding:0; position: absolute; top:-40px; align-items: center; display: flex; justify-content: center; width: 100%; left:0;}
.industries_box .overlay h5 img { width:40px; background:#006CB5; border-radius:2px; margin-right:12px;}
.industries_box:hover .overlay h5 { padding:18.5% 0 0 0; position:initial; top:0;  }
.industries_box:hover .overlay h5 img {  background:#051829; }
.industries_box .overlay p {display: flex; align-items: center; text-align: center; padding:12px 0 0 0; color:#fff; justify-content: space-between;}
.industries_box .overlay .btn { margin:15px 0 0 0; text-align:left;}
.industries_box:hover .overlay {transform: translatey(0);}

.industries_applications_bg { float:left; width:100%; background:#F6F6F6; padding:80px 0; margin-top:80px; text-align:center; }
.industries_applications_bg .product_box h5 { padding:20px;}
.industries_whychoose_bg { float:left; width:100%; padding:80px 0 0 0; text-align:center; }
.industries_whychoose_bg p { max-width:800px; margin:0 auto;}
.industries_whychoose_bg .btn { margin-top:15px;}

.product_page_main { float:left; width:100%; padding:50px 0 0 0;}
.product_left_img { float:left; width:100%; margin-top:30px; border:1px solid #e3e3e3;}
.product_left_img img { padding:7px;}
.product_left_img .carousel-indicators [data-bs-target] { width:12px; height:12px; background:#000; opacity:1; border-radius:50%; border:none; margin:0 6px;}
.product_left_img .carousel-indicators .active {  background:#FFCC00; opacity:1;}
.product_right_text { float:left; width:100%; margin-top:30px;}
.product_right_text ul { padding:5px 0 0 0; margin:0; list-style:none;}
.product_right_text li {  font-size:16px; color:#333; padding:10px 0 0 14px; background:url(images/dot-arrow.svg) left 15px no-repeat;} 
.product_right_text .btn { margin-top:15px;}
 
.product_tabs_main { float:left; width:100%; padding:80px 0 0 0;}
.product_tabs_main .nav-tabs {justify-content: space-around;}
.product_tabs_main .nav-tabs .nav-item { width:33.33%;}
.product_tabs_main .nav-tabs .nav-link { width:100%; font-size:20px; color:#000; padding:12px 5px; font-weight:700; border-top-left-radius: 10px;  border-top-right-radius: 10px;}
.product_tabs_main .nav-tabs .nav-link:hover {border-color: transparent;  color:#FFCC00;}
.product_tabs_main .nav-tabs .nav-link.active { color:#000; border-left:1px solid #e9ecef; border-right:1px solid #e9ecef; border-top: 3px solid #FFCC00; }
.product_tab_detail_text { border:1px solid #dee2e6; border-top:none; padding:10px 30px 30px 30px;}
.product_tab_detail_text h5 { padding:15px 0 0 0;}
.product_tab_detail_text ul { padding:5px 0 0 0; margin:0; list-style:none;}
.product_tab_detail_text li {  font-size:16px; color:#333; padding:10px 0 0 14px; background:url(images/dot-arrow.svg) left 15px no-repeat;} 
.product_tab_detail_text .qualitycheck_box { float:left; width:100%; margin-top:30px; display: flex;}
.product_tab_detail_text .qualitycheck_box .icon  { margin-right:15px;}
.product_tab_detail_text .qualitycheck_box .icon img  { width: 100px; background: #FFCC00;  border-radius: 50%; margin-right: 10px;}

.product_page_main .product_box {border:1px solid #e4e4e4; text-align:center;}
.product_page_main .product_box h5 { padding:15px; min-height:78px; font-size: 18px;}
.product_page_main .product_box img { border-radius:10px 10px 0 0;}
.other_products_bg { float:left; width:100%; text-align:center; padding:80px 0 0 0;}

.requestquotee_popup .modal-header { padding:15px 20px;}
.requestquotee_popup .modal-body { padding:5px 20px 20px 20px;}
.requestquotee_popup .modal-title { color:#000; text-align:left;}
.requestquotee_popup .form-control { float:left; width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #ccc; min-height:46px; padding:8px 15px; margin-top:15px; border-radius:5px;} 
.requestquotee_popup .form-select { float:left; width:100%; font-size:16px; color:#000; background-color:#fff;  border:1px solid #ccc; min-height:46px; padding:8px 15px; margin-top:15px; border-radius:5px;}
.requestquotee_popup .btn { float:left; margin-top:15px; }
.requestquotee_popup .wpcf7-not-valid-tip { float:left; width:100%;}
.requestquotee_popup .wpcf7 form .wpcf7-response-output { margin:3em 0.5em 1em;}

@media (min-width:1100px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1230px;}
}
@media only screen and (min-width:220px) and (max-width:1700px) { 
.banner_text_bg {top:18%; z-index:2; left:10%; right:10%; }
.banner_text_bg .row { margin-top:10%;}

}

@media only screen and (min-width:220px) and (max-width:1540px) { 
.banner_text_bg {top:18%; z-index:2; left:10%; right:10%; }
.banner_text_bg .row { margin-top:10%;}
.banner_top_bg .carousel-item img { width:auto; height:680px;}

}

@media only screen and (min-width:220px) and (max-width:1370px) { 
.banner_text_bg {top:18%; z-index:2; left:2%; right:2%; }

}

@media only screen and (min-width:220px) and (max-width:1120px) { 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: var(--bs-gutter-x, 20px); padding-left: var(--bs-gutter-x, 20px);}
.navbar .navbar-nav .nav-link { font-size:14px; margin-left:20px;}

}

@media only screen and (min-width:220px) and (max-width:1060px) { 
h1 { font-size:36px; line-height:42px;}
h2 { font-size:30px; line-height: 34px; } 
h3 { font-size:24px; line-height:30px} 
h4 { font-size:20px; line-height:26px;}
 
}

@media only screen and (min-width:220px) and (max-width:991px) { 
.navbar .navbar-nav .nav-link { padding:0; margin:7px 0;}
.banner_text_bg {top:10%; z-index:2; left:2%; right:2%; }
.banner_text_bg .row { margin-top:5%;}

.home_aboutus_bg { padding:10px 0 0 0;} 
.about_mission_vision_bg { padding:10px 0 0 0;}
.product_range_bg {  margin:40px 0 0 0; padding:40px 0; }
.testimonials_home_bg { padding:40px 0 30px 0; margin-top:40px;}
.brands_logo_home_bg {padding:40px 0 0 0;}
.latest_blog_bg { float:left; width:100%; padding:40px 0 0 0;  }
footer { padding:10px 0 0 0; margin-top:40px;}
.contact_form_bg {margin:40px auto 0 auto;}
.contact_map { margin-top:40px;}
.contact_box_text { margin-top:30px; }
.manufacturing_text_bg { padding:40px 0 0 0;} 
.manufacturing_text_bg.bgcolor {padding:10px 0 40px 0; margin-top:40px;}
.why_spine_polyfilm_bg {padding:40px 0 0 0; }
.blog_page_main { padding:10px 0 0 0;}
.industries_served_page_bg { padding:40px 0 0 0;}
.industries_applications_bg { padding:40px 0; margin-top:40px;}
.product_page_main { padding:10px 0 0 0;}
.product_tabs_main { padding:40px 0 0 0;}
.other_products_bg { padding:40px 0 0 0;}

}
 
@media only screen and (min-width:220px) and (max-width:860px) {
h1 { font-size:30px; line-height:36px;}
h2 { font-size:24px; line-height:30px;} 
h3 { font-size:22px; line-height:28px;} 
h4 { font-size:20px; line-height:24px;}
h5 { font-size:18px; line-height:24px;}   
.inner_page_title_bg { padding:70px 0;}
.product_tabs_main .nav-tabs .nav-link { font-size:16px; padding:10px 5px;}

}

@media only screen and (min-width:220px) and (max-width:768px) {
.header_top_bg .container {flex-wrap: wrap;} 
.header_top_bg .header_left_icon {width:100%; justify-content:center;}
.header_top_bg .header_right_phone {width:100%; justify-content:center;  margin:12px 0 0 0;}
.header_top_bg .header_right_phone a { margin:0 10px;} 
}

@media only screen and (min-width:220px) and (max-width:660px) {
.footer_box h5 {margin-bottom: 10px;}	
}

@media only screen and (min-width:220px) and (max-width:575px) {
.header_top_bg .header_right_phone a { font-size:14px;} 
.banner_top_bg .carousel-item img { width:auto; height:710px;}
.banner_text_bg .banner_icon {padding:10px 15px;  margin-top:10px;}
.banner_text_bg {top:6%; z-index:2; left:3%; right:3%; }
.banner_text_bg p { font-size:16px; line-height:24px;}

.product_box h5 { min-height:inherit;}
.product_box p { min-height:inherit;}
}

@media only screen and (min-width:220px) and (max-width:480px) {
h5 { font-size:16px; line-height:22px;}	
.contact_form_bg { padding:20px;}	
.product_tabs_main .nav-tabs .nav-link { font-size:14px; padding:10px 5px;}
.product_tab_detail_text { padding:0 20px 20px 20px;}
 
}