@media only screen and (max-width: 1500px) {
    .sectionBoxContent{
        max-width: 100%;
        margin: 0 -7px;
    }
}
@media only screen and (max-width: 1226px) {
    .container_1200{
        width: 100%;
    }
}

@media only screen and (max-width: 1299px) {
    .owl-controls .owl-next{
        margin-right: 0px;
        width: 25px;
    }
    .owl-controls .owl-prev{
        margin-left: 0px;
        width: 25px;
    }
}
@media only screen and (max-width: 1265px) {
    .men{
        width: 450px;
    }
    .drain{
        width: 165px;
        right: 330px;
    }
    .floor_2{
        height: 45px;
    }
    .floor_1{
        height: 135px;
    }
    .cigaret{
        right: 410px;
        top:-130px;
        width: 17px;
    }
    .actBox {
        height: 450px;
    }
    .mainHeader{
        padding: 0 10px;
    }
}
@media only screen and (max-width: 1200px) {
    .dish_img{
        margin-right: 0px;
    }
    .section_act h3{
        font-size: 40px;
    }
    .fColTitle{
        width: 100%;
    }
    .desk_header_menu a{
        margin: 0 3%;
    }
}
@media only screen and (max-width: 1050px) {
    .footerButton{
        width: 100%;
    }
    .section_plastic .col-md-6{
        flex: 0 0 70%;
        max-width: 70%;
        margin-left: 30px;
    }
}
@media only screen and (max-width: 1000px) {
    .section_home_featured .col-md-7{
        width: 100%;
        display: block;
        flex: 0 0 100%;
        text-align: center;
        max-width: 100%;
    }
    .featuredIcon a img{
        padding: 0 40px;
    }
    .section_home_featured .owl-controls{
        left: unset;
        width: 100%;
    }
    .section_home_featured .col-md-7  p.smallP{
        margin: 0 auto;
    }
    .owl-controls .owl-next{
        margin-right: 0px;
    }
    .owl-controls .owl-prev{
        margin-left: 0px;
    }
    .section_home_featured .col-md-5{
        width: 70%;
        display: block;
        flex: 0 0 70%;
        max-width: 70%;
        margin: 0 auto;
    }
    .fd_cr .row:first-of-type{
        flex-direction: column-reverse;
    }
    .fd_cr .col-md-6{
        width: 100%;
        display: block;
        flex: 0 0 100%;
        text-align: center;
        max-width: 100%;
    }
    span.latest_story_subtitle{
        margin-top: 40px;
    }

   
    .storiesSection .row{
        margin-bottom: 20px;
    }
    .col_style {
        margin-top: 40px;
    }
    .single_article h2{
        font-size: 46px;
    }
    .actBox{
        height: 520px;
    }
    .actBox .actBoxText p{
        width: 100%;
    }
    .single_act{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 0px;
    }
    .single_act .btn_container .btnStyle{
        width: 300px;
    }
    .storiesSection p{
        margin: 0 auto;
    }
    .eqColon .col-md-6{
        min-height: unset;
    }
    .single_act:nth-child(odd){
        background-color: #ffffff;
        padding-right: 13px;
        padding-left: 13px;
    }
    .single_act:nth-child(even){
        background-color: #F7F7F7;
        padding: 50px 0px;
        padding-right: 13px;
        padding-left: 13px;
    }
    .section_act{
        padding:0px;
        background-color: #ffffff;
    }
    .section_act .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .section_plastic .col-md-6{
        margin-left: 0px;
    }
    .homeBanner .homeBannerContent .hbText p{
        width: 100%;
    }
    .mainHeader .headerMenu .navbar li{
        margin-right: 35px;
    }
}
@media only screen and (max-width: 900px) {
    .mainHeader .headerMenu .navbar li{
        margin-right: 0px;
    }
    .mainHeader .headerMenu{
        width: 100%;
        display: inline-block;
        background: white;
        position: absolute;
        left: 0;
        top: 100%;
        display: none;
    }
    .menuToggle{
        float: right;
        display: block;
    }
    .section_featured .col-md-8{
        width: 100%;
        display: block;
        flex: 0 0 100%;
        text-align: center;
        max-width: 100%;
    }
    .section_plastic .col-md-6, .factSec2 .col-md-6{
        width: 100%;
        display: block;
        flex: 0 0 100%;
        text-align: left;
        max-width: 100%;
    }
    .section_plastic .col-md-6 .btnStyle{
        margin-left: auto;
        margin-right: auto;
    }
    .section_featured .fullParag{
        margin-left: auto;
        margin-right: auto;
    }
    .men{
        position: unset;
        float: right;
        display: block;
        margin-bottom: -200px;
        position: relative;
    }
    .floor_container{
        margin-top: 100px;
    }
    .floor_1, .floor_2{
        float: left;
    }
    .cigaret{
        top: unset;
        bottom: 230px;
    }
    .drain{
        right: unset;
        left: 270px;
    }
    .drain_content{
        display: none;
    }
    .bottom_drain{
        display: none;
    }
    .bottom_drain_mobile{
        display: block;
        margin-top: -1px;
    }

    .col-md-6.col_desktop{
        display:none;
    }
    .col-md-6.col_mobile{
        display: block;
    }
    .posText{
        position: unset;
    }
    .factSec2{
        padding-top: 10px;
    }
    .dish_img{
        float: left;
        margin-top: -60px;
    }
    .menuToggle a img{
        margin-top: 10px;
        height: 20px;
    }
    .mainHeader .headerMenu .navbar li.active a{
        border:0;
    }
    .menuToggle a{}.mainHeader .headerMenu{
        width: 100%;
        display: inline-block;
        background: white;
        position: absolute;
        left: 0;
        top: 100%;
        display: none;
    }
    .mainHeader .headerMenu .headerButton{background: #fdaf00 !important;}
    .mainHeader .headerMenu ul.navbar{
        float: left;
        width: 100%;
        margin-top: 0px;
    }
    .mainHeader .headerMenu ul.navbar li{
        background: #0AABCE;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 3px;
    }
    .mainHeader .headerMenu ul.navbar li a{
        font-size: 16px;
        color: white;
        margin: 0;
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }
    footer .container-fluid{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .footer .row > div{
        padding: 0px 10px;
    }
    .mobile_drain_bg{
        width: 100%;
        position: absolute;
        display: block;
        background-repeat: no-repeat;
        background-size: contain;
        
    }
    .mobile_drain_bg_2{
        height: 300px;
        top: 20px;
        left: 0;
        background-position-x: 30px;
    }
    .mobile_drain_bg_1{
        bottom: -60px;
        height: 200px;
        z-index: 1;
    }
    .drain_bottom_container{
        overflow: hidden;
    }
    .bottom_drain_mobile{
        width: calc(100% + 3px);
        max-width: calc(100% + 3px);
    }
    .hf_mobile_btn{
        display: block;
    }
    .desk_header_menu{
        display: none;
    }
    .headerMenu{
        width: 100vw !important;
        margin: 0 -25px !important;
        margin-top: 10px !important;
    }

    .mobile_btn{
        display: block;
        position: relative;
        z-index: 2;
    }
    .featuredIcons{
        margin-top: 30px;
    }
}

@media only screen and (max-width: 800px) {

    .kboxPicture.rotate img{
        transform: rotate(0deg);
    }
    .storiesArticle .articleimg img{
        margin-top: 15px;
    }
    .storiesArticleButton .align-center2{
        display: block;
    }
    .storiesArticleButton a{
        display: block;
        text-align: center;
        width: 100%;
        margin-top: 14px;
    } 
    .formSectionBody{
        padding: 40px 30px;
    }
    .formResponse h4{
        text-align: center;
    }
    .formResponse p{
        margin-bottom: 20px;
    }
    .formResponse{
        padding:25px 15px;
    }
    .fColContent ul li a{
        font-size: 13px;
    }

}
/* Mobile Start */

@media only screen and (min-width:200px)  and (max-width : 721px) {
    .headerMenu{
        margin: 0 -15px !important;
        margin-top: 75px !important ;
    }
    footer .col-md-4{
        margin: 0 15px;
    }
    .menuToggle a img{
        height: 20px;
        margin-top: 27px;
    }
    .testMessage .btn_container a.testButton{
        display: block;
        margin: 0 auto;
        float: none;
    }
    .section_featured{
        margin-top: 0px;
    }
    .testMessage p{
        width: 80%;
    }
    .testMessage .btn_container a.testButton.btn-s1{
        margin-bottom: 10px;
    }
    .drain{
        left: 60px;
    }
    .cigaret{
        left: 280px;
        right: unset;
    }
.mainHeader{
    padding: 0;

}
.btnStyle{width:100%;font-size: 14px;padding: 1rem;text-align: center;}
.mobilhidebg .container-fluid{padding:2rem}
.mobilShowbg{width:100%;display: flex;max-width: 100%;min-width: 100%;padding: 0;}
.mobilhidebg{
    background: none;
    display: inline-block;
    width: 100%;
    padding: 0 !important;
    margin: 0;
}
.formSectionBody{
    padding: 20px 20px;
}
.fsBodyText{width: 100% !important;}
.fColTitle{
    width: 100%;
    text-align: center;
}
.formResponse p{width:100%}
.formResponse h4{text-align:center;}
.formResponse{text-align:center;}
.storiesSection .container-fluid{padding:0}
.fColContent ul li{text-align:center}
.footerClient{align-items:center;justify-content:center}
.footer .row > div{
    border-right: 0;
    padding: 0;
    padding-bottom: 20px;
    border-bottom: 2px solid #0C5F82;
    margin-bottom: 25px;
}
.footerLogo{display:flex;align-items:center;justify-content:center;}
.footerDesc{text-align:center}
.featuredText{
    margin-top: 1rem;
    width: 100%;
    padding: 0;
    margin-bottom: 2rem;
}
.featuredText h4{
    width: 100%;
    padding: 0;
}
.featuredText p{
    width: 100%;
}
.featuredimg img{height:auto;width:100%}
.sectionBox p.smallP{width:100%}
.sectionBox{padding: 3rem 1.5rem;}
.section_featured.sectionBox{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}
.section_plastic.sectionBox{
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
}
.factSec2.sectionBox{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.section_act.sectionBox{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.formSection.sectionBox{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.bg1.sectionBox{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.owl-controls{
    width: 100%;
    display: inline-block;
    position: static;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.featuredIcons .owl-controls{
    position: absolute;
    width: 100%;
}
.featuredIcons .owl-nav{}

.knowSlide .owl-controls .owl-nav{display:none}
.owl-controls .owl-nav{display:flex;justify-content: space-between;width: 100%;}
.mainHeader .container-fluid{
    display: inline-block;
    width: 100%;
}
.mainHeader .logo{
    float: left;
}
.formSectionText{}
.formSectionText h2{
    width: 100%;
    text-align: center;
    font-size: 34px;
    margin-bottom: 25px;
}
.formSectionText p{
    width: 100%;
}
.eqColon .col-md-6{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    height: auto;
}
.actBoxText{position:relative;z-index:99999}
#checkModal1 .modal-body{
    padding: 1rem 2rem;
}
.mainHeader .logo img{
    margin-top: 20px;
}
.mainHeader .logo a {}
body{padding-top:80px}
.homeBannerImg2{display:none}
.homeBanner .homeBannerContent .hbText p{width:100%; font-size: 15px;}
.homeBanner .homeBannerContent h2{font-size:35px}
.homeBannerImg1 img{width:100%;margin-left:-30%}
.relatedStories .relatedStory{margin-bottom:2rem}
.relatedStories{padding:0 20px}
.storiesSection .col-md-6 img{margin-top:2rem}
.posText{width:100%;position: static !important;}

.desktop_btn{
    display: none;
}
.sectionBox h3{
    margin-bottom: 25px;
}
.sectionBox.section_act h3{
    margin-bottom: 15px;
}
.dish_img{
    max-width: 350px;
    margin-bottom: 30px;
}
.actBoxNav{
    margin-top: 0px;
}
.throwerModal .modal-dialog{
    width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 15px;
}
.throwerModal .modal-content{
    padding:15px;
}
.throwerModal .modal-header button{
    right: -1px;
    top: -7px;
}
.testMessage h2{
    font-size: 20px;
    margin-top: 20px;
}
.testMessage p{
    width: 100%;
    font-size: 14px;
}
.sectionBoxContent{
    margin: 0;
}
.bg1 .owl-carousel.owl-loaded{
    margin:0;
}
.knowSlide .knowBox{
    width: 80%;
    margin: 0 auto;
}
.formSectionText p{
    font-size: 14px;
}
.formSectionBody .fsBodyText h4{
    font-size: 20px;
}
.formSectionBody .fsBodyText p{
    font-size: 14px;
}
.formTabs .formTab{
    width: 140px;
}
.formTabs .formTab{
    margin-right: 10px;
}
.formTabs .formTab .fTabImg{
    min-height: 140px;
}
.formTabs .formTab.active::before{
    width: 20px;
    height: 20px;
}
.formTabs .formTab .fTabImg img.nothrower{
    width: 46%;
}
.modal_toggle{
    font-size: 14px !important;
}
.throwerModal .testMessage a.testButton{
    margin-top: 20px;
    padding-top: 12px;
    padding-bottom: 12px;
}
.throwerModal .modal-content{
    margin-top: 100px;
}
}



@media only screen and (max-width: 600px) {
     .btn_container .btnStyle{
        width: 100%;
         margin-bottom: 10px;
    }
    .sectionBox h3{
        font-size: 35px;
    }
    .section_home_featured{
        padding-right: 15px;
        padding-left: 15px;
    }
    .sectionBox p.smallP{
        font-size: 14px;
    }
    .sectionBox .textCenter h3{
        font-size: 35px;
    }
    .sectionBox.section_act h3{
        font-size: 30px;
    }
    .homeBanner{
        min-height: unset;
    }
    .hb_mobile_btns{
        display: block;
    }
    .hb_mobile_btns .btn-s1{
        margin-bottom: 10px;
    }
    #checkModal1 .modal-dialog{
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }
    #checkModal2 .modal-dialog{
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
    }
    .cigaret{
        left: 30%;
        right: unset;
    }
    .men{
        width: 300px;
        margin-bottom: -170px;
    }
    .drain{
        width: 115px;
        bottom: -22px;
    }
    .floor_1{
        height: 90px;
    }
    .floor_2{
        height: 35px;
    }
    .cigaret{
        bottom:140px;
        left: 30%;
        width: 10px;
    }
    .section_featured .fullParag{
        width: 100%;
        font-size: 15px;
    }
    .section_plastic .fullParag{
        width: 100%;
        font-size: 15px;
    }
    .fullParag{
        width: 100%;
    }
    .single_article h2{
        text-align: left;
        font-size: 36px;
    }
    .single_article p{
        text-align: left;
        width: 100%;
    }
    p.align_center{
        text-align: center;
    }
    .actBox .actBoxText h2{
        font-size: 30px;
    }
    .formTabs .formTab{
        margin-bottom: 15px;
    }
    .formTabs{
        margin-bottom: 25px;
    }
    .formCText .formLabel p{
        font-size: 13px;
    }
    .formNumber p{
        font-size: 13px;
    }
    .formCText .formLabel{
        padding-right: 10px;
    }
    .featuredLink a{
        width: 100%;
    }
    .featuredText h4{
        font-size: 30px;
    }
    .featuredText p{
        font-size: 15px;
    }
    .featuredText a{
        font-size: 14px;
    }
    .section_plastic .col-md-6 .btnStyle{
        padding: 12px 10px;
    }
    .btnStyle2{
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 12px;
        width: 100%;
    }
    .btn_container .btnStyle{
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .col_style h3{
        font-size: 30px;
    }
    .storiesSection p{
        font-size: 15px;
    }
    .actBox .actBoxText p{
        font-size: 15px;
    }
    #checkModal1 .modal-content{
        width: calc(100% - 30px);
        height: 300px;
    }
    #checkModal1 a{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    #checkModal2 a{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    #checkModal2 .modal-content{
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
        height: 300px;
    }
    .hb_mobile_btns{
        padding: 0 13px;
    }
    .mainHeader .logo img{
        height: unset;
        width: 120px;
        margin-top: 27px;
    }
}

@media only screen and (max-width: 500px) {
    .dish_img{
        max-width: 260px;
    }
    .single_article h2{
        font-size: 30px;
    }
    .actBoxNav ul li{
        margin-right: 15px;
    }
    .actBoxNav .container{
        padding:0px;
    }
    .actBoxNav ul li{
        margin-right: 20px;
    }
    .actBoxNav ul li a{
        font-size: 18px;
    }
    .formResponse h4{
        font-size: 25px;
    }
    .modal_toggle{
        width: 100%;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .actBoxNav ul li a{
        font-size: 16px;
    }
    .mobile_drain_bg_1{
        height: 140px;
    }
    .section_home_featured .col-md-5{
        width: 100%;
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
    }
}