@media screen and (max-width:1440px) {
    .prtsctn img {
        height: 100%
    }
    .prtsctn .evntbx .bannrbx {
        top: 15px
    }
    .evntbx .bannrbx .bannrbxcntnt h1 {
        margin-bottom: 15px
    }
    .bannrbxcntnt .nrmsbx {
        padding: 15px 15px;
        margin-top: 15px
    }
    .innrbr .bannrTxtbox h1 {margin-bottom:25px;}
    .tpadngsctn {
        top: 0
    }
	.innrbr .bannrTxtbox{top:100px;}
}

@media screen and (max-width:1366px) {
    .orangeStrpBox h2 {
        font-size: 50px
    }
    .obpad {
        padding-top: 0
    }
    .boxOne {
        padding: 34px 18px
    }
}

@media screen and (max-width:1280px) {
    .prtsctn img {
        height: 100%
    }
    .prtsctn .evntbx .bannrbx {
        top: 5px
    }
    .evntbx .bannrbx .bannrbxcntnt p {
        margin-bottom: 10px
    }
}

@media screen and (max-width:991px) {
    ul.navmenu {
        float: left
    }
    ul.navmenu li {
        font-size: 14px;
        padding: 15px 0
    }
    ul.navmenu li.submenu .inside-links {
        left: 0 !important
    }
    ol.breadcrumbs,
    ol.pro-menu {
        display: none
    }
    .g-recaptcha {
        transform: scale(.77);
        -webkit-transform: scale(.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0
    }
    .orangeStrpBox {
        overflow: hidden;
        float: none;
        text-align: center
    }
    .listImage ul li {
        width: auto
    }
    .listImage ul li img {
        display: table;
        margin: 0 auto
    }
    .listImage ul li:last-child {
        border-right: none
    }
    .logoBox img {
        margin-bottom: 0
    }
    .carousel-inner .slide_description_wrapper .slide_description {
        flex: 1 100%;
        padding: 12px 0
    }
    .carousel-inner .mainslide h1 {
        text-align: center
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .txtbx {
        width: 100%;
        float: none;
        position: relative;
        top: 20vh;
        text-align: center
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx p {
        text-align: center
    }
    .clthngbx {
        margin: 0 auto;
        width: auto;
        /* border-radius: 15px */
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .hazdbx {
        width: auto;
        float: none;
        margin-top: 0;
        margin-right: 0;
        margin-top: 20vh
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .hazdbx ul.lsttxt {
        column-count: 2
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .hazdbx ul.lsttxt li p {
        text-align: left
    }
    h1.prtctbx {
        position: relative;
        top: -58px
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .ptctbx {
        width: 50%;
        top: 30vh
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .trbx h1 {
        text-align: center
    }
    .carousel-inner .slide_description_wrapper .slide_description h1.crclrtxt {
        right: 0;
        line-height: 80px;
        margin-top: 14px
    }
    .bannrsctn .bannrTxtbox {
        top: 10vh
    }
    .sdgsctn .sdgsctnbx .sdgsctnbxwrpr {
        flex: 1 30%;
        margin: 15px;
        padding: 20px
    }
    .enrgysctn .forwdbx {
        flex: 1 30%
    }
    .rowone .rowonbx ul.lftul li {
        justify-content: flex-start
    }
    .stripeBox {
        display: block
    }
    .stpblk {
        width: auto;
        float: none;
        text-align: center
    }
    .stripeBox h2 {
        font-size: 28px;
        line-height: 36px;
        text-align: center;
        padding-right: 0
    }
    .stripeBox h4 {
        font-size: 17px;
        line-height: 20px
    }
    .mnevntbx {
        padding: 30px 15px
    }
    .prgrmtxtbx .frstrowimg:after {
        display: none
    }
    .rowbx {
        background: linear-gradient(180deg, #f37021 35%, #1e2225 35%)
    }
    .blckrowbx {
        padding-top: 75px
    }
    .rowbx h1 {
        margin-top: 0;
        text-align: center
    }
    .rowbx .blckrowbx:before {
        rotate: 360deg;
        left: 45%;
        top: 33px;
        display: table;
        margin: 0 auto
    }
    .qualityBlk .txtcntnbx {
        position: inherit
    }
    .qualityBlk .imgbx {
        position: inherit
    }
    .qualityBlk .imgbx .imgbxsctn {
        position: inherit
    }
    .qualityBlk img.qualityBlkimg {
        object-fit: inherit
    }
    .whtbx .manufctrnsctn {
        border-bottom: 1px solid #babdbf;
        border-right: none;
        padding-right: 0;
        padding-bottom: 20px
    }
    .prtsctn img {
        height: auto
    }
    .prtsctn .evntbx .bannrbx {
        top: 50px
    }
    .evntbx .bannrbx .bannrbxcntnt h1 {
        margin-bottom: 30px
    }
    .evntbx .bannrbx .bannrbxcntnt p {
        margin-bottom: 20px
    }
    .bannrbxcntnt .nrmsbx {
        padding: 30px 15px;
        margin-top: 30px
    }
    .strsctn h3:after {
        bottom: 0
    }
    .innrbr .bannrTxtbox {
        top: 50px;
        left: 0
    }
    .innrbr .owl-carousel1 .owl-dots {
        display: none
    }
    .bannerSection .item img {
        height: auto !important
    }
    .tpadngsctn {
        top: 0
    }
    .innrbr .bannrTxtbox h2 {
        text-align: center
    }
    .innrbr .bannrTxtbox h1 {
        text-align: center; margin-bottom:15px;
    }
    .clthngbx {
        display: table;
        text-align: left;
        margin: 0 auto
    }
    .design-product {
        flex: 0 46%
    }
    .prtctsctn {
        padding-bottom: 30px
    }
    .prtctsctn .bannrTxtbox {
        top: 0
    }
    .prtctsctn .bannrTxtbox h2 {
        margin-bottom: 25px
    }
    .crtfdsctnbx {
        flex: 0 20%;
        margin: 0 10px
    }
    .crtfdsctnbx .imgbx {
        padding: 20px
    }
    .prtctsctn p {
        text-align: center
    }
    .custmsctn p {
        text-align: center
    }
    .wrkfrctxtbx p.prdcttxt {
        text-align: center
    }
    .prtctsctn {
        background: rgb(0 0 0 / .5)
    }
    .evntbx a.clthngbx {
        display: block
    }
    .evntbx h1 {
        padding: 0
    }
    .intitivsctnbx {
        flex: 1 30%
    }
	.prdctbxsctn{flex:1 47%;}
	.crtfctsctn .bannrTxtbox{
		position: inherit;
		top: 0;
		padding: 50px 0 25px;
	}
	.australiaprdctbx{flex:1 46%;}
}

@media screen and (max-width:768px) {
    .inside-pages {
        padding: 90px 0 50px 0
    }
    img.img-logo {
        margin: 0
    }
    .btn-custom {
        margin-top: 10px
    }
    footer span,
    footer ul {
        display: block !important;
        text-align: left
    }
    footer span {
        float: none !important
    }
    .boxOne {
        padding: 34px 20px;
        text-align: center
    }
    .whiteBgnew .maskBox .estimateBox .group a {
        width: auto
    }
    .whiteBgnew .maskBox .normsBox {
        padding: 10px;
        margin: 0
    }
    .whiteBgnew .maskBox .features img {
        margin: 0 16px 13px
    }
}

@media (max-width:992px) {
    .pro-inside img {
        display: none
    }
}

@media (max-width:768px) {
    ul.navmenu {
        display: none
    }
    .nav-mobile,
    a.btn-ea {
        display: block
    }
    .btn-brochure {
        margin-left: 0;
        margin-top: 10px
    }
    ul.social-links {
        float: none !important;
        width: 100%;
        text-align: center
    }
    .products {
        height: auto !important
    }
    .nav-mobile {
        padding-top: 5px;
        position: static
    }
    iframe[name="google_conversion_frame"] {
        height: 0 !important;
        width: 0 !important;
        line-height: 0 !important;
        font-size: 0 !important;
        margin-top: -13px;
        float: left
    }
    .thumbs img {
        margin-top: 20px !important;
        margin: 0 auto
    }
    img.logo {
        margin: 0 auto
    }
    .carousel {
        margin: 0
    }
    .carousel-caption {
        right: 10%;
        top: 15%
    }
    .carousel-caption h2 {
        padding: 5%;
        margin-left: 50%;
        font-size: 20px;
        line-height: 24px;
        width: auto !important
    }
    .carousel-caption h2.first {
        line-height: 28px;
        text-align: left
    }
    .carousel-caption h2.first span.first {
        font-size: 24px
    }
    .carousel-caption h2.first span.second {
        font-size: 21px
    }
    .carousel-caption h2.first span.third {
        font-size: 19px
    }
    .carousel-caption h2.second-title {
        line-height: 24px
    }
    .carousel-caption h2.third-title {
        font-size: 18px
    }
    .carousel-caption h2 a.btn-custom {
        font-size: 11px;
        text-transform: none;
        line-height: 16px;
        padding: 5px 10px;
        margin-top: 10px
    }
    .product-showcase h2 {
        font-size: 26px;
        text-align: center;
        word-break: break-word
    }
    .owl-carousel,
    img.protect {
        margin-bottom: 60px
    }
    .our-brands {
        display: none
    }
    a.btn-ea {
        font-size: 12px
    }
    a.btn-ea span {
        display: inline-block;
        padding: 0;
        border: 0
    }
    .exhi-row {
        margin-top: 0 !important
    }
    .footer_links {
        margin-top: 20px
    }
    .footer_links2 {
        margin-top: 20px
    }
    .pic-page h1 {
        font-size: 40px;
        line-height: 45px;
        padding: 0 15px 20px
    }
    .factory {
        padding: 25px 0 0 0
    }
    ul.mail-links li {
        padding: 4px 0 0 25px
    }
    .mean-container a.meanmenu-reveal {
        top: -55px
    }
    .mail-links ul li {
        padding: 4px 0 0 8px
    }
    .social-links ul li a i {
        padding-right: 2px
    }
    .norblkRight {
        width: 80%
    }
    .leftbox {
        width: 100%;
        padding: 0 0 0 0;
        margin: 20px 0 0 0;
        float: left
    }
    .orangeStrpBox {
        overflow: hidden;
        float: none
    }
    .galry img {
        padding: 30px 0 0 0;
        text-align: center;
        margin: 0 auto
    }
    .mySlides {
        padding: 20px 0 0 0
    }
    .obpad {
        padding-top: 0
    }
    .fair_promo {
        top: 100px
    }
    .borderrt {
        margin-bottom: 20px;
        border-right: none;
        border-bottom: #f36f21 8px solid
    }
}

@media (max-width:767px) {
    li.mobile-view {
        display: block !important;
        margin-bottom: 15px
    }
    li.mobile-view img {
        margin: 0 auto !important
    }
    .listImage ul li {
        display: block;
        padding: 21px;
        border-right: none;
        border-bottom: 1px solid #dfdcdc;
        width: 100%
    }
    .listImage ul li:last-child {
        border-right: none;
        border-bottom: none
    }
    .listImage ul li img {
        margin: 0 auto;
        display: table
    }
    .factory {
        padding-left: 0;
        text-align: center;
        padding: 28px 0
    }
    .factory ul li {
        display: block
    }
    .footer_links {
        margin-top: 40px;
        text-align: center
    }
    .copyText {
        text-align: center
    }
    .copyText2 {
        text-align: center
    }
    .footer_links2 li {
        border-bottom: 1px dashed #b0b0b0;
        line-height: 26px
    }
    .prod-head h1 {
        text-align: left
    }
    .prod-head small {
        text-align: left
    }
    .boxOne {
        padding: 34px 11px;
        text-align: center;
        border-bottom: 1px solid #fff
    }
    .pic-page img {
        margin: 0 auto;
        display: table
    }
    .pic-page h1 {
        text-align: center
    }
    .magnificioBox .products img {
        width: 100%
    }
    .whiteBgnew .maskBox .features {
        padding: 16px 0
    }
    .whiteBgnew .featuresImg img {
        margin-right: 26px !important
    }
    .whiteBgnew .newFtrs {
        background: #fff;
        margin: 0 7px;
        text-align: center;
        padding: 14px !important
    }
    .whiteBgnew .newFtrs img {
        margin-right: 0 !important
    }
    .whiteBgnew .heightBox {
        height: auto
    }
    .footer_links form input.emailbox {
        width: 100%
    }
    .footer_links form button {
        width: 100%;
        margin-top: 0
    }
    .fb-like {
        display: none !important
    }
    .pad25all {
        min-height: auto
    }
    .whiteBg {
        padding: 30px 0
    }
    .borderrt img {
        object-fit: cover;
        height: 450px
    }
    .tarsafe-modal a.booktxt {
        bottom: 6vh;
        left: 30%
    }
    .carousel-inner .mainslide h1.prtctbx {
        font-size: 40px;
        line-height: 40px
    }
    .ecosctn h1 {
        font-size: 45px;
        line-height: 45px
    }
    .rspnsctn h1 {
        font-size: 45px
    }
    .trshsctn h1 {
        font-size: 45px
    }
    .bannrsctn .bannrTxtbox {
        top: 16vh
    }
    .rowone .rowonbx ul.rghtul li img {
        margin-left: 0;
        margin-right: 10px
    }
    .rowone .grnbx {
        top: 0;
        position: inherit;
        margin-bottom: 30px;
        padding: 26px 20px
    }
    .rowone .rowonbx ul.rghtul li {
        text-align: left
    }
    .stepsctn h1 {
        font-size: 45px;
        line-height: 47px
    }
    .enrgysctn .preconsmrbx {
        padding: 0
    }
    .tarsafe-modal {
        margin: 0 30px
    }
    .schdule {
        padding: 15px 0
    }
    .stpblk {
        margin-bottom: 5px
    }
    .footer_links .qucklnkbx ul {
        column-count: 1
    }
    .strybx h3 {
        padding: 15px 0
    }
    .rowbx {
        background: linear-gradient(180deg, #f37021 25%, #1e2225 25%)
    }
   /*  .innrbr .bannrTxtbox {
        top:50px;
    } */
    .bannerSection .item img {
        height: auto !important
    }
    .prtctsctn .bannrTxtbox {
        top: 0
    }
    .crtfdsctnbx {
        flex: 0 34%;
        margin-bottom: 25px;
    }
    .crtfdsctnbx .imgbx {
        padding: 35px
    }
    .prtctsctn {
        position: inherit;
        background: rgb(0 0 0 / .65)
    }
    .inside-content-full .boxevnt {
        padding: 20px 0 0
    }
    .promtingbx .imgbx {
        padding: 0 0 0 0
    }
	.blackBg{min-height:345px;}
	.australian-bg .prdctbx{padding:30px;}
}

@media (max-width:480px) {
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .txtbx {
        top: 13vh
    }
    .carousel-inner .mainslide h1 {
        font-size: 40px
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx p {
        font-size: 19px;
        line-height: 20px
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .hazdbx ul.lsttxt li p {
        font-size: 18px
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .hazdbx {
        margin-top: 9vh
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .ptctbx {
        top: 26vh
    }
    .carousel-inner .slide_description_wrapper .rghtdscrptnbx .trbx {
        top: 8vh
    }
    .carousel-inner .slide_description_wrapper .slide_description h1.crclrtxt {
        right: 0;
        line-height: 40px;
        margin-top: 50px
    }
    .carousel-inner .slide_description_wrapper .slide_description h1.innvt {
        right: 0;
        line-height: 40px;
        margin-top: 20px
    }
    .carow .carowtxtbx {
        padding: 60px 35px
    }
    .knwbttn {
        padding: 15px 34px
    }
    .crtfctsctn hr {
        margin: 30px 0 0
    }
    .total ul {
        column-count: 1
    }
    ul.ifusbxlst {
        border-bottom: none;
        margin: 0
    }
    ul.ifusbxlst li {
        width: 100%;
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        padding-bottom: 20px
    }
    ul.ifusbxlst li:last-child {
        border-bottom: none
    }
    .cmplncbx {
        display: block
    }
    .cmplncbx img {
        margin-bottom: 20px;
        max-width: 100%
    }
    .bannrbxcntnt .nrmsbx .mblclsbx {
        border-right: none;
        padding: 15px 23px
    }
    .bannrbxcntnt .nrmsbx {
        align-items: center;
        padding: 10px 10px;
        margin-top: 15px
    }
    .innrbr .bannrTxtbox h2 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 8px;
        text-align: center
    }
    .innrbr .bannrTxtbox h1 {
        font-size: 30px;
        line-height: 35px;
        text-align: center;
		margin-bottom:10px;
    }
    .design-product {
        flex: 0 100%
    }
    .prtctsctn .bannrTxtbox .clthngbx a {
        font-size: 15px
    }
    .prtctsctn .bannrTxtbox .clthngbx:after {
        border-bottom: 53px solid #fff0
    }
    .custmsctn {
        padding: 60px 0
    }
    .wrkfrcsctn {
        padding: 200px 0 150px
    }
    .crtfdsctnbx .imgbx {
        padding: 20px
    }
    .prtctsctn .bannrTxtbox .clthngbx {
        font-size: 18px
    }
    .crtfdsctnbx {
        flex: 0 39%
    }
    .evntbx h1 {
        font-size: 25px;
        line-height: 30px;
        padding-top: 15px
    }
    .impctbx {
        flex: 0 100%
    }
    .intitivsctnbx {
        flex: 0 100%
    }
    .txtbxsctn .txtbx {
        top: 420px
    }
    .csrbnnrsctn .bnnrsctn .bannrbx .bannrbxcntnt h1 {
        font-size: 30px;
        line-height: 34px
    }
    .txtbxsctn .txtbx .txtbxcntnt {
        padding: 62px 20px
    }
    .txtbxsctn .txtbx .txtbxcntnt:before {
        top: 10px
    }
    .txtbxsctn .txtbx .txtbxcntnt:after {
        bottom: 10px
    }
	.mean-container a.meanmenu-reveal{top: -45px !important;}
	.mean-container .mean-nav{margin-top:0;}
	.mean-container .mean-bar{top: 100px !important;}
	.wrkwearsctn{background-position:64%;}
	.cstmsctn{display:block;}
	.cstmsctnbx{padding: 45px 35px;}
	.cstmsctnbx h2{
		margin-bottom: 20px;
		font-size: 30px;
		line-height: 32px;
	}
	.prdctbx{padding:15px 20px 0;}
	.grmntcntnrbx{flex: 0 22%;}
	.prdctbx h2{margin-bottom:15px;}
	.inside-content-sctn h2{font-size:26px; line-height:37px;}
	.inside-content-sctn h2 span{font-size:26px;}
	.prdctbx h2{font-size:20px; line-height:27px;}
	.prdctbx h2 span{font-size:20px; }
	.grmntsctn h2{font-size:30px; line-height:30px;}
	.crtfctsctn .bannrTxtbox .bannrBox h2{font-size:30px; line-height:37px;}
	.ausgrmntcntnr{justify-content: flex-start;}
	.ausgrmntcntnr .grmntcntnrbx{flex: 0 27%;}
	.lrbxcntnr h3{padding: 20px 0 15px;}
	.lrbxcntnr p{line-height: 25px;}
	.scrollToTop{bottom: 150px;}
	.floating-wpp{bottom: 56px;}
}	

@media (max-width:360px) {
    .evntbx .bannrbx .bannrbxcntnt h1 {
        font-size: 30px;
        line-height: 32px
    }
    .prtsctn .evntbx .bannrbx .bannrbxcntnt img {
        margin-bottom: 20px
    }
}

@media all and (max-width:640px) and (orientation:landscape) {
    .carousel {
        height: 100%
    }
    .fr-button {
        width: 90% !important;
        font-size: 13px !important
    }
    .carousel-caption h2.second-title {
        font-size: 16px !important
    }
    .carousel-caption h2 {
        padding: 4%
    }
    .carousel-caption h2 a.btn-custom {
        font-size: 9px !important
    }
    .certify,
    .nmsbx {
        width: 48%;
        margin: 6% 2% 4% 0;
        float: left
    }
    .orangeStrpBox {
        overflow: hidden;
        float: none;
        text-align: center
    }
    .nms_txt {
        padding: 24px 10px 24px 10px
    }
    .infus_bg {
        padding: 90px 0 100px 0
    }
    .galry {
        padding: 30px 0 0 0
    }
}

@media only screen and (orientation:landscape) {
    .mob-view-caption {
        display: none
    }
}

@media only screen and (orientation:portrait) {
    .fr-button-mobile,
    .fr-button-mobile-new {
        margin-top: 10px;
        border-radius: 18px;
        position: absolute
    }
    #first-banner {
        background-image: url(../images/banner/banner-six-mb.webp)
    }
    #second-banner {
        background-image: url(../images/banner/banner-one-mb.webp)
    }
    #third-banner {
        background-image: url(../images/banner/banner-five-mb.webp)
    }
    #fourth-banner {
        background-image: url(../images/banner/banner-two-mb.webp)
    }
    #fifth-banner {
        background-image: url(../images/banner/banner-three-mb.webp)
    }
    #sixth-banner {
        background-image: url(../images/banner/banner-seven-mb.webp)
    }
    #seventh-banner {
        background-image: url(../images/banner/banner-four-mb.webp)
    }
    #eighth-banner {
        background-image: url(../images/new-banner/8-port.jpg)
    }
    #nineth-banner {
        background-image: url(../images/banner/banner-eight-mb.webp)
    }
    #ten-banner {
        background-image: url(../images/new-banner/10-port.webp)
    }
    .carousel-caption {
        display: none
    }
    .mob-view-caption {
        position: absolute;
        bottom: 50px;
        left: 32%
    }
    .mob-view-caption h2 {
        font-size: 15px;
        line-height: 24px;
        color: #fff
    }
    .mob-view-caption h2 span {
        display: block;
        text-transform: uppercase;
        color: #f36f23;
        letter-spacing: 19px
    }
    ,
    .fr-button-mobile,
    .fr-button-mobile-new,
    .fr-button-mobile-new:active,
    .fr-button-mobile-new:hover,
    .fr-button-mobile:active,
    .fr-button-mobile:hover {
        background-color: #f36f23;
        color: #fff;
        border-color: #f36f23
    }
    ,
    .fr-button-mobile {
        display: block;
        bottom: 36px;
        left: 26%;
        font-size: 13px
    }
    .fr-button-mobile-new {
        bottom: -19px;
        left: 36%
    }
    .safer-btn {
        bottom: -38px !important;
        left: 8% !important
    }
    .mob-view-caption-new {
        display: block;
        position: absolute;
        bottom: 50px;
        left: 21%
    }
    .mob-view-caption-new h2 span.down-line {
        display: block
    }
    .mob-view-caption-new h2 span.inline-block-main {
        display: inline-block !important
    }
    .section6th {
        padding: 30px 0 30px 0
    }
    .norblkRight {
        width: 63%
    }
    img.cross {
        position: absolute;
        top: 0;
        right: 28px;
        z-index: 99999
    }
    .orangeStrp {
        padding: 40px 0
    }
    .seddex {
        margin: 10% auto
    }
}

@media only screen and (max-width:768px) and (orientation:portrait) {
    .mob-view-caption {
        position: absolute;
        bottom: 90px;
        left: 35%
    }
    .mob-view-caption h2 {
        font-size: 30px !important;
        line-height: 44px !important;
        color: #fff
    }
    .mob-view-caption h2 span {
        display: block;
        text-transform: uppercase;
        color: #f36f23;
        letter-spacing: 38px
    }
    .fr-button-mobile {
        font-size: 18px;
        left: 31%;
        bottom: 50px
    }
    .mob-view-caption-new {
        display: block;
        position: absolute;
        bottom: 100px !important;
        left: 3%;
        background: #fff;
        padding: 20px 15px;
        max-width: 267px !important;
        margin: 0 auto;
        right: 3%;
        border-radius: 10px
    }
    .forth-banner-mobile {
        bottom: 122px !important
    }
    .mob-view-caption-new h2 {
        font-size: 18px;
        text-align: center
    }
    .fr-button-mobile-new {
        left: 32px !important
    }
    .safer-btn {
        left: 18px !important
    }
    .orangeStrpBox h2 {
        font-size: 32px;
        line-height: 36px;
        text-align: center;
        padding-right: 0
    }
    .orangeStrpBox h4 {
        font-size: 14px;
        line-height: 20px;
        text-align: center
    }
    .obpad {
        padding-top: 0
    }
    .leftbox {
        margin: 0 0 25px 0
    }
    .modal {
        padding: 0 0;
        width: auto
    }
    z .infus_bg {
        padding: 90px 0 100px 0
    }
    .stripeBox {
        display: block;
        margin-bottom: 25px
    }
}

@media only screen and (max-width:600px) and (orientation:portrait) {
    .safer-btn {
        left: 18px !important
    }
}

@media only screen and (max-width:414px) and (orientation:portrait) {
    .mob-view-caption {
        position: absolute;
        bottom: 80px;
        left: 28%
    }
    .mob-view-caption h2 {
        font-size: 18px !important;
        line-height: 28px !important;
        color: #fff
    }
    .mob-view-caption h2.new-left {
        margin-left: 15px
    }
    .safer-btn {
        left: -5% !important
    }
    .mob-view-caption h2 span {
        display: block;
        text-transform: uppercase;
        color: #f36f23;
        letter-spacing: 23px
    }
    .fr-button-mobile {
        font-size: 13px;
        left: 21%;
        bottom: 43px
    }
    .mob-view-caption-new {
        bottom: 68px !important
    }
    .forth-banner-mobile {
        bottom: 88px !important
    }
    .fr-button-mobile-new {
        left: 24%
    }
    .tarsafe-modal a.booktxt {
        bottom: 5vh;
        left: 26%
    }
}

@media only screen and (max-width:399px) and (orientation:portrait) {
    .mob-view-caption-new {
        bottom: 48px !important
    }
    .fr-button-mobile-new {
        left: 22%
    }
    .forth-banner-mobile {
        bottom: 60px !important
    }
    .rowbx .blckrowbx:before {
        top: 0;
        left: 36%
    }
    .intitivsctnbx .imgbx:after {
        width: 90%;
        left: 15px
    }
}

@media only screen and (max-width:375px) and (orientation:portrait) {
    .forth-banner-mobile {
        bottom: 73px !important
    }
}

@media only screen and (max-width:360px) and (orientation:portrait) {
    .mob-view-caption-new {
        bottom: 64px
    }
    .fr-button-mobile-new {
        left: 20%
    }
    .mob-view-caption {
        left: 25% !important
    }
    .prtsctn img {
        height: 1200px
    }
    .bannrbxcntnt .nrmsbx .mblclsbx {
        border-right: none;
        padding: 15px 10px
    }
}

@media only screen and (max-width:320px) and (orientation:portrait) {
    .mob-view-caption-new {
        display: block;
        position: absolute;
        bottom: 164px;
        left: 3%;
        background: #fff;
        padding: 20px 15px;
        max-width: 230px;
        margin: 0 auto;
        right: 3%;
        border-radius: 10px
    }
    .fr-button-mobile-new {
        left: 6%;
        padding: 3px 12px !important;
        bottom: -20%
    }
    .mob-view-caption-new h2 {
        font-size: 14px
    }
    .mob-view-caption {
        left: 23% !important
    }
    .forth-banner-mobile {
        bottom: 60px !important
    }
    .nms_txt {
        padding: 24px 0 24px 10px
    }
}

@media only screen and (width:1440px) and (height:900px) {
    #banner5 .bannrTxtbox {
        top: 38vh
    }
    #banner6 .mobilebnnr {
        top: 17vh
    }
    #banner7 .bannrTxtbox {
        top: 38vh
    }
}

@media only screen and (width:1366px) and (height:768px) {
    #banner5 .bannrTxtbox {
        top: 42vh;
        left: 0
    }
    #banner7 .bannrTxtbox h1 {
        font-size: 26px;
        margin-left: 0;
        line-height: 28px
    }
}

@media only screen and (width:1280px) and (height:720px) {
    #banner5 .bannrTxtbox {
        top: 40vh;
        left: 0
    }
    #banner7 .bannrTxtbox {
        top: 47vh
    }
    #banner7 .bannrTxtbox h1 {
        font-size: 24px;
        margin-left: 0;
        line-height: 26px
    }
    #banner2 .bannrBox .hazdbx {
        margin-top: -33vh
    }
}

@media only screen and (width:360px) and (height:640px) {
    .bannerSection .item .trstbx h1.trstxt {
        font-size: 15px
    }
}