/* Bootstrap Override CSS ** Responsive
--------------------------------------------- */
@media (max-width:1024px) {
.modal-dialog{width:90%;margin-top:150px;}
.story-main section.pages {background-size:auto 100% !important;}
.story-main .pages .text-left{width:500px; margin-left:20px;}
.story-main .pages .text-left.text-right{width:500px; margin-right:20px;}
.text-left h1{font-size:50px;}
.story-main .pages .text-left.text-center{margin-right:215px;}
.search-sec .stock{width:150px !important;}
 .search-sec .stock p {font-size: 11px;}
 .our-businesses-caption { padding:10px;}
 #product-brand-popup .modal-dialog{margin-top:150px;}
 .nav-tabs-default .nav-tabs > li > a {padding:5px 35.9px; font-size:12px;  }
.page11 footer .socialIcon{ padding-bottom:10px !important;}
.ver-seprators{ background:url(../images/generic/shadow-border.png) no-repeat 426px center;}
.error-404 {top:55%;}
img#Conventional_Business {
    right: 41px;
    top: -413px;
}

    .banner ul li {
        background-size:auto 100%;
        background-position:-300px 0;
    }
 .certificate a:after
{background: url(../images/generic/search-icon.png) no-repeat scroll 50% 50%;
 background-size: 80px 80px;
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index:1000;
     }

}
@media (min-width: 768px) {
}
@media (max-width:800px){

}

@media (max-width: 768px) {
.story-main section.pages {background-size:auto 100% !important;}
img#Conventional_Business{position: absolute;right: 5px;top: -335px;;}
img#America_Shale_Gas{position: absolute;left: 66px;top: -376px;width:30%;}
img#Coal_Bed_Methane{position: absolute;right:100px;top:-403px;}
.mR5{margin-right:5px;}
.search-sec input[type="text"]{width:105px;}

.fourg-video video{width:100%;/*710px;*/ height:auto;/*326px;*/}
.nav-tabs-arrow .nav-tabs > li > a{font-size:10px !important;}
.founder-chairman-quotes{font-size:19px !important; min-height:150px;}
.our-businesses-list h4{font-size:11px;}
.story-main section .page_container{top:25%;}
.story-main .pages .text-left{margin-left:200px;}
.story-main .pages .text-left.text-center{margin-right:140px;}
footer p{font-size:11px;}
.our-businesses-caption { padding:0 10px !important;}
.our-businesses-caption p { line-height:14px !important;}
.nav-tabs-default .nav-tabs > li > a {padding:5px 17.9px !important;}
.founder-infographic .infographic div p {margin-right:30px;}
.founder-infographic .infographic div h3 {line-height:17px !important;}
.leader-value h3 {font-size:12px;}
.ver-seprators{ background:url(../images/generic/shadow-border.png) no-repeat 315px center;}
h5.direct-text {font-size:14px;}
.error-404 {top:36% !important;}
    .banner ul li.banner2 {background-position:-480px 0;}
    .banner ul li h2 {font-size:30px;}
    .banner ul li .banner-sub-title {margin-top:310px;    }
     .banner ul li.banner3 {background-position:-670px 0;}
      .banner ul li.banner4 {background-position:-550px 0;}
       .banner ul li.banner5 {background-position:-550px 0;}
       .contact-form .bootstrap-select .btn {width:225px;/* !important;*/ box-sizing:border-box;
    }
       img#Conventional_Business {
    right: -25px !important;
    top: -361px !important;
}
        .banner ul li {
        background-position:-700px 0 !important;
    }

            .banner ul li h3 {font-size:14px;
            }
            .banner ul li h2 {font-size:22px;
            }
    .mCustomScrollBox {
        height: 185px !important;
        max-width: 99% !important;
    }
}

@media (min-width:768px) and (max-width:991px){
.main-nav .navbar-nav > li > a{ padding:0 6px 21px; font-size:13px}
.main-nav .navbar-nav > li > .dropdown-menu{ width:730px}
.nav-tabs-default .nav-tabs > li > a{ padding:5px 11px}
.apply-online .nav-tabs > li:first-child > a.lineheight{ line-height:18px}
.quick-link input[type="text"]{width:112px}
.work-ril-diagram .red{ top:113px; left:110px}
.work-ril-diagram .blue{ bottom:-20px; left:238px}
.work-ril-diagram .dark-blue{top:125px; left:296px}
.work-ril-diagram .orange{ top:65px; right:125px}
.work-ril-diagram .green{bottom:-25px; right:80px}
.work-ril-diagram .pubbles-pop{width:310px;}
.work-ril-diagram .green .pubbles-pop:after,.green .pubbles-pop:before{left:65%;}
.work-ril-diagram .green .pubbles-pop{left:-187px;}
.work-ril-diagram .red .pubbles-pop:after,.red .pubbles-pop:before{left:49%;}
.work-ril-diagram .red .pubbles-pop{left:-142px; margin-left:5px;}
.work-ril-diagram .pubbles-pop{left:-142px;}
.petrochemicals-thumb .petrochemicals-title p{ font-size:13px}
.prm-key .well-box{height:280px}
.board-directors-quote{ font-size:22px}
.founder-chairman-quote{font-size:18px}
.textiles-infographic .infographic div,.founder-infographic .infographic div{width:200px}
.textiles-infographic .infographic div.blue{ margin:0 0 0 -180px; top:0;}
.textiles-infographic .infographic div.orange{ margin:0 -180px 0 0;}
.textiles-infographic .infographic div.green{ margin:0 0 0 -180px; }
.textiles-infographic .infographic div.lblue{ margin:0 -180px 0 0;}
.founder-infographic .infographic{ width:300px}
.founder-infographic .infographic div.blue{ margin:0 0 0 -180px; top:0;}
.founder-infographic .infographic div.orange{ margin:0 -220px 0 0;}
.founder-infographic .infographic div.green{ margin:0 0 0 -180px; }
.founder-infographic .infographic div.lblue{ margin:0 -190px 0 0;}
.founder-infographic .infographic h3{ font-size:15px; line-height:22px;}
.our-businesses-caption{ padding:10px}
.our-businesses-caption p{ font-size:12px; line-height:16px}
.retail-box-cont{padding:20px 30px; text-align:left}
.retail-box-cont img{padding:10px 30px 10px 36px;}
.retail-box-cont h2{margin-left:35px;}
.store-loc-text {top:10px;right:60px;width:30%;}
.store-loc-text p{ padding:0px; line-height:15px;}
.approach-strategic-pillars li{ width:135px;}
.approach-strategic-pillars li .popup{ padding:20px}
.approach-strategic-pillars li figcaption h5{font-size:13px}
.approach-strategic-pillars li .popup p{font-size:12px}
.about-awards-list li p{ width:91%}
.polymers-infographic .infographic{ height:500px}
.polymers-infographic .infographic img{ margin-top:50px}
.polymers-infographic .infographic div.green{ top:310px}
.polymers-infographic .infographic div.lblue{ top:310px}
.shareholder .banner-disc a{ bottom:-22px; left:8px }
}
@media (min-width:992px) and (max-width:1024px){
.main-nav .navbar-nav > li > a{ padding:0 17px 21px}
.main-nav .navbar-nav > li > .dropdown-menu{ width:950px}
.work-ril-diagram .red{ top:152px; left:148px}
.work-ril-diagram .blue{ bottom:-19px; left:318px}
.work-ril-diagram .dark-blue{top:150px; left:407px}
.work-ril-diagram .orange{ top:100px; right:185px}
.work-ril-diagram .green{bottom:-25px; right:107px}
.work-ril-diagram .pubbles-pop{width:310px;}
.work-ril-diagram .green .pubbles-pop:after,.green .pubbles-pop:before{left:65%;}
.work-ril-diagram .green .pubbles-pop{left:-187px;}
.work-ril-diagram .red .pubbles-pop:after,.red .pubbles-pop:before{left:49%;}
.work-ril-diagram .red .pubbles-pop{left:-142px; margin-left:5px;}
.work-ril-diagram .pubbles-pop{left:-142px;}
.retail-box-cont img{padding:10px 30px 10px 32px;}
.retail-box-cont h2{margin-left:31px;}
.store-loc-text {top:30px;right:115px;width:25%;}
.approach-strategic-pillars li{ width:179px;}
}

@media (min-width: 768px) {
.container { width: 100%;}
}
@media (min-width: 992px) {
.container {width: 100%;}

}
@media (min-width: 1200px) {
.container {width:1000px}

}

@media (min-width: 1024px) {
img#Conventional_Business{position: absolute;right: 48px;top: -421px;}
img#America_Shale_Gas{position: absolute;left: 77px;top: -464px;}
img#Coal_Bed_Methane{position: absolute;right:138px;top:-450px;}
}
@media (min-width:320px) and (max-width:1024px){
.nocsstransition {
-o-transition-property:none !important;
-moz-transition-property:none !important;
-ms-transition-property:none !important;
-webkit-transition-property:none !important;
transition-property:none !important;
/*CSS transforms*/
-o-transform:none !important;
-moz-transform:none !important;
-ms-transform:none !important;
-webkit-transform:none !important;
transform:none !important;
/*CSS animations*/
-webkit-animation:none !important;
-moz-animation:none !important;
-o-animation:none !important;
-ms-animation:none !important;
animation:none !important;
opacity:1!important;
}

@media (min-width:641px) and (max-width:991px){
     .finRepo-txt{width:96%;}
}
@media (min-width:501px) and (max-width:640px){
     .finRepo-txt{width:94%;}
}
@media (min-width:341px) and (max-width:500px){
     .finRepo-txt{width:92%;}
}
@media (max-width:340px){
     .finRepo-txt{width:90%;}
}


}