/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


@media (min-width: 1300px) {
    .container {
    max-width: 1240px;
}
}

@media screen and (max-width: 1824px) {
	.img-bg-wrap{padding-bottom: 60px;}
	header.header{    margin-bottom: 80px;}
    .cook-shafe-section .cafe-img {
        max-width: 445px;
    }

    .cook-shafe-section .cafe-img .main-btn{
        left: 0;
    }
    
}

@media (max-width: 1300px) {
    .designed-section .portable-table-wrap .img-wrap img { width: 90%!important; }
}


@media screen and (max-width: 1199px) {
    h1 {
        font-size: 41px;
        line-height: 50px;
    }
    h2 {
        font-size: 36px;
        line-height: 60px;
    }
    header.header {
        margin-bottom: 100px;
    }
    .blue-bg-wrap {
        padding: 0 0 120px 0;
    }
    .designed-section .portable-table-wrap .img-wrap img {
        max-width: 350px;
    }
    .some-title-section .pink-bg-wrap {
        margin-bottom: 75px;
    }
    .report-section h2 {
        font-size: 40px;
        line-height: 70px;
    }
    .report-section {
        padding: 140px 0 150px;
    }
    .report-section ul li .download-file-wrap h4 {
        font-size: 18px;
        line-height: 26px;
    }
    .cook-shafe-section img {
        height: auto;
		    object-fit: contain;
    object-position: center;
    }
    .icon-section ul li {
        width: 50%;
    }
    .designed-section h2 {
        max-width: 100%;
    }
    .safe-main {
        width: 60%;
    }

    .cook-shafe-section:before {
         width: 355px;
    height: auto;
    bottom: 0;
    right: 0;
    margin: auto;
    }
    .tabeltop-img:before {
        width: 417px;
    }
    .tabeltop-img .img-wrap img {
       width: 100%;
    }
    .tabeltop-section {
        padding: 50px 0 90px;
    }
	.tabeltop-section .btn-wrap img{ width: 100%;}
    .tabeltop-section .tabeltop-content h1 { font-size: 42px; line-height: normal;}
    .tabeltop-section .tabeltop-content h4{    font-size: 20px;}
    .tabeltop-section .tabeltop-content h6{font-size: 16px; margin-bottom: 15px;}

    .approved-section ul{flex-wrap: wrap;    flex-wrap: wrap;    display: grid;    grid-template-columns: 1fr 1fr 1fr;    justify-content: center;}
    .approved-section ul li{    text-align: center;    margin-bottom: 20px;}

    .main-btn{font-size: 16px;}

    .coming-soon-wrap ul.banner-text li{    font-size: 16px;    line-height: 26px; text-align: left;}
    .coming-soon-wrap ul.banner-text img{ width: 20px; }

    .worktops-section .tabeltop-content h2{    font-size: 26px;line-height: normal;}
    .worktops-section .tabeltop-content ul.list-text li{    font-size: 16px;    line-height: 26px;}
    .worktops-section .tabeltop-content ul.list-text li img{ width: 20px; }

    .station-section .tabeltop-content h2{    font-size: 26px;line-height: normal;}
    .station-section .tabeltop-content ul.list-text li{    font-size: 16px;    line-height: 26px;}
    .station-section .tabeltop-content ul.list-text li img{ width: 20px; }

    .kitchens-section .tabeltop-content h2{    font-size: 26px;line-height: normal;}
    .kitchens-section .tabeltop-content ul.list-text li{    font-size: 16px;    line-height: 26px;}
    .kitchens-section .tabeltop-content ul.list-text li img{ width: 20px; }

    .counters-section .tabeltop-content h4{ font-size: 24px;line-height: normal;}
    .counters-section .tabeltop-content h5{ font-size: 18px;line-height: normal;}
    .counters-section .tabeltop-content ul.list-text li{    font-size: 16px;    line-height: 26px;}
    .counters-section .tabeltop-content ul.list-text li img{ width: 20px; }

    .ceiling-section .tabeltop-content h2{    font-size: 26px;line-height: normal;}
    .ceiling-section .tabeltop-content ul.list-text li{    font-size: 16px;    line-height: 26px;}
    .ceiling-section .tabeltop-content ul.list-text li img{ width: 20px; }

    .report-section h2 span{ font-size: 20px; line-height: normal; }
    .report-section h2{margin-bottom: 20px;}
    .getin-touch-inner-content .logo-group .button-group{ justify-content: center; }
    .getin-touch-inner-content .logo-group .button-group .main-btn{margin-right: 0;}
    .getin-touch-inner-content .logo-group .logo-img-1{margin-right: 0;}

    .logo-group .button-group { flex-wrap: wrap; }

    .navbar-second .nav-pills .nav-link{font-size: 16px;}

    .science-banner .box-content{padding-top: 210px;bottom: -347px;}
    .science-banner .box-content .image-content.image-content-two{top: -275px;}
    .science-banner .box-content .image-content{top: -235px;}
    .science-banner .box-content .image-content h4{font-size: 24px;}
    .science-banner .box-content h5{font-size: 24px;}

    .image-box img {width: 100%;}
    .protection-difference-section .content-wrap img {width: 100%;}
    .protection-difference-section .content-wrap .stage h6 {    width: 90%;}

    .bottom-content h4{font-size: 20px;}
    .bottom-content p{font-size: 15px;}

    .comparison-section{ padding: 80px 0;}
    .comparison-section .comparison-content h2{font-size: 30px;}
    .comparison-section .iec-content p{font-size: 24px; line-height: 34px;}

    .bacteria-section{ padding: 80px 0;}
    .bacteria-section h2{ font-size: 30px;margin-bottom: 10px;}
    .bacteria-section p{ font-size: 20px; margin-bottom: 30px;line-height: 30px;}
    .bacteria-section .bottom-content h4{    font-size: 20px;}
    .bacteria-section .bottom-content p{font-size: 15px;}

    .power-of-visible-section{padding: 80px 0;}
    .power-of-visible-section h2{ font-size: 30px; margin-bottom: 20px;}
    .power-of-visible-section .card{padding: 20px;}
    .power-of-visible-section .card .card-body{padding: 20px 0 0;}

    .cumulative-protection-section{padding: 80px 0;}
    .cumulative-protection-section h2{ font-size: 30px; }
    .cumulative-protection-section .bottom-content h4{ font-size: 20px; }
    .cumulative-protection-section .bottom-content{    margin-top: 0;}

    .advantages-of-cleanOhr-section{padding: 80px 0;}
    .advantages-of-cleanOhr-section .comparison-content h2{    font-size: 30px; line-height: 40px;margin-bottom: 20px;}
    .uv-free-antimicrobial-section h2{ font-size: 30px; }

    .uv-free-antimicrobial-section h2{margin-bottom: 20px;}
    .uv-free-antimicrobial-section .comparison-content{    padding: 30px 30px 30px;}
    .uv-free-antimicrobial-section .comparison-content h3{font-size: 30px; line-height: 30px;    margin-bottom: 20px;}
    .uv-free-antimicrobial-section .comparison-content p{font-size: 15px;}

    .tested-approved-section h2{    font-size: 30px;margin-bottom: 40px;    line-height: 40px;}

    .report-section .report-box .download-file-wrap{    padding: 130px 15px 35px; min-height: 221px;}
    .report-section .download-file-wrap h4{ font-size: 18px; }

}

@media screen and (max-width: 1024px) {}

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

    header.header{position:fixed;
            padding: 15px 0 5px 0px;
  box-shadow:0 0 15px #121521;
  z-index: 99;
  background-color:#1a89ad;}
  header.header .navbar .logo-wrap { transition: all 0.4s;}
header.header .navbar .logo-wrap { margin-top: -60px; }
header.header .navbar .logo-wrap .logo-1 img {   filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.2));}
header.header .navbar .logo-wrap .logo-2 img {    filter: brightness(0) invert(1);}

header.header .navbar-nav {padding: 20px 0 0;}


	.approved-section h2{font-size: 34px;margin: 0 auto 40px;}
	.icon-section h2{    font-size: 34px;}
	.coming-soon-wrap h1{font-size: 40px; line-height: 52px; margin-bottom: 22px; text-align: left;}
    p {
        font-size: 16px;
        line-height: 32px;
    }
    .coming-soon-wrap .safe-left-content {
        max-width: 100%;
		text-align: center;
    }
	.coming-soon.text-center{    margin: 0 auto 37px;}
    .cook-shafe-section:before {
           width: 355px;
    height: auto;
    bottom: 0;
    right: 0;
    margin: auto;
    }
    .icon-section ul li .icon-wrap {
        padding: 36px 20px;
    }
    .report-section ul li {
        width: 50%;
    }
    .report-section ul li .download-file-wrap {
        margin: 200px 12px 24px;
    }
    .tabeltop-img .img-wrap {
        text-align: center;
    }
    .tabeltop-img:before {
        width: 327px;
        height: 441px;
    }
    .tabeltop-content {
        max-width: 100%;
        padding-left: 0;
        margin-top: 120px;
    }
    .tabeltop-img .img-wrap {
        top: 70px;
        left: 29px;
    }
    .safe-main,
    .cook-shafe-section,
    .tabeltop-img,
    .tabeltop-content {
        width: 100%;
    }
	.cook-shafe-section{    top: 0;}
    .safe-row,
    .table-r-wrapper {
        display: block;
    }
    .coming-soon-wrap .winner-logo {
        margin-bottom: 50px;
        margin-top: 40px;
    }
    .tabeltop-section .tabeltop-content p,
    .tabeltop-section .tabeltop-content h1 {
		text-align: center;
		max-width: 100%;
        margin-bottom: 30px;
    }
    .tabeltop-content {
       margin-top: 90px;
    }
	.tabeltop-content .btn-wrap{ text-align: center;}
	
	.cook-shafe-section .cafe-img{ max-width: none;}
	.cook-shafe-section img{ max-width: none; object-fit: contain; object-position: center;}
.video-modal .modal-dialog{margin: 40px;}
	.designed-section h2 span{font-size: 28px; margin-top: 0;}
	.some-title-section .pink-bg-wrap .img-wrap{    margin-bottom: 30px; text-align: center;}
	.some-title-section .pink-bg-wrap{    padding-bottom: 60px;}
	.some-title-section .pink-bg-wrap a, .some-title-section .pink-bg-wrap h3{text-align: center;}
	.report-section h2{font-size: 32px;line-height: normal;}
	.report-section h2 span{font-size: 28px;line-height: normal; margin-top: 20px;}
	.report-section ul li:last-child .download-file-wrap{ margin: 40px 12px 0px;}

    header.header .navbar ul.social {top: 0;}

    .approved-section{    padding: 0px 0 80px;}
    .tabeltop-img{ justify-content: center; }
    .tabeltop-img .img-wrap img{border-radius: 8px;}
    .tabeltop-section .tabeltop-img{position: static; width: 80%; justify-content: center;}
    .tabeltop-section .tabeltop-content p, .tabeltop-section .tabeltop-content h1{ text-align: left; }

    .worktops-section .tabeltop-img{position: static; width: 80%; justify-content: center;}
    .station-section .tabeltop-img{position: static; width: 80%; justify-content: center;}
    .kitchens-section .tabeltop-img{position: static; width: 80%;justify-content: center;}
    .counters-section .tabeltop-img{position: static; width: 80%;justify-content: center;}
    .ceiling-section .tabeltop-img{position: static; width: 80%;justify-content: center;}

    .tabeltop-content{margin-left: 0;}

    .report-section .report-box .download-file-wrap { padding: 130px 25px 35px;}


}

@media screen and (max-width: 767px) {
    /* body {
     overflow-x: hidden;
     scrollbar-width: none; 
    -ms-overflow-style: none; 
    }*/
    header.header {
        margin-bottom: 50px;
    }
    .play {
        width: 60px;
        height: 60px;
        font-size: 16px;
    }
	.approved-section h2{font-size: 28px;margin: 0 auto 40px;}
	.icon-section h2{    font-size: 28px;}
	.coming-soon-wrap h1{font-size: 28px; line-height: 38px; margin-bottom: 22px;}
	.coming-soon-wrap p br{display: none;}
	.coming-soon-wrap .winner-logo .logo img{ width: 80px;}
	.coming-soon-wrap .winner-logo{display: flex !important;}
	.coming-soon-wrap .winner-logo .logo{margin-right: 0px; margin-top: 20px;}
    h2 {
        font-size: 30px;
        line-height: 46px;
    }
    .designed-section h2 {
        max-width: 100%;
        margin-bottom: 55px;
    }
	.approved-section{padding: 0px 0 80px;}
    .tabeltop-section .tabeltop-content h1 { font-size: 30px; }
	.tabeltop-section .tabeltop-content p, .tabeltop-section .tabeltop-content h1{text-align: center;}
	.some-title-section .pink-bg-wrap a, .some-title-section .pink-bg-wrap h3{text-align: center;}
	.report-section h2{ margin-bottom:0;}
	.report-section ul li:last-child .download-file-wrap{ margin: 40px 12px 0px;}
    .cook-shafe-section:before {
       width: 355px;
    height: auto;
    bottom: 0;
    right: 0;
    margin: auto;
		left: 0;
    }
    .icon-section ul li .icon-wrap {
        display: block;
        text-align: center;
    }
    .icon-section ul li .icon-box {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .icon-section ul li .icon-box img {
        max-width: 80px;
        min-height: 90px;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .tabeltop-section {
        padding: 58px 0 60px;
    }
    .icon-section {
        padding: 50px 0 50px 0;
    }
    .designed-section {
        padding: 60px 0 10px 0;
    }
    .designed-section .portable-table-wrap {
        min-height: 300px;
    }
    .designed-section .portable-table-wrap .img-wrap img {
        max-width: 320px;
    }
    .designed-section ul {
        margin: 0 -20px;
    }
    .some-title-section {
        padding: 80px 0;
    }
    .some-title-section .pink-bg-wrap {
        padding: 30px;
    }
    .some-title-section .pink-bg-wrap h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .some-title-section .pink-bg-wrap {
        margin-bottom: 55px;
    }
    .report-section {
        padding: 80px 0;
    }
    .report-section h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 45px;
    }
    .contact-us-section {
        padding: 70px 0 60px;
    }
    .getin-touch-inner-content {
        margin-top: 60px;
    }
    .coming-soon-wrap .coming-soon {
        font-size: 20px;
    }
    .tabeltop-content {
        margin-top: 50px;
    }
	.tabeltop-content .btn-wrap img{ width: 100%;}
    .designed-section .table-row-wrap .row .col-xl-6.col-lg-6.col-md-6.col-sm-6.col-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .designed-section .table-row-wrap .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    .designed-section .portable-table-wrap .img-wrap {
        right: 0;
        top: 0;
    }
    .tabeltop-img .img-wrap img {
        max-width: 280px;
    }
    .tabeltop-img .img-wrap {
        text-align: center;
       
    }

	.safe-row, .table-r-wrapper{ text-align: center;}

	.main-btn{margin: auto;}

	.video-modal .modal-dialog{margin: 40px;}
	
.report-section ul li .download-file-wrap .download-file-img img{ width: 60%;}
	.some-title-section .img-wrap{ margin-bottom: 20px;}
		.report-section h2{ margin-bottom:0;}
	.report-section ul li:last-child .download-file-wrap{ margin: 40px 12px 0px;}

    header.header .navbar .logo-wrap {width: 205px;}
    header.header .navbar .logo-wrap img {width: 100%;}
    header.header .navbar ul.social {top: 0; right: 0;}

    .tabeltop-section .tabeltop-content h6{ text-align: center; }
    .tabeltop-section .tabeltop-content h4{ text-align: center; }
    .approved-section ul{    grid-template-columns: 1fr 1fr;}
    .approved-section ul li img {max-width: 120px;}

    .counters-section{padding: 80px 0;}

    .winner-logo .winner-content ul.social{justify-content: center;}

    .science-banner-bg{padding-bottom: 60px;margin-bottom: 0;}
    .science-banner .box-content h5{margin-top: 15px;}
    .science-banner .box-content .image-content h4{color: #000;}
    .science-banner .box-content{    border-radius: 15px; margin-top: 40px; padding-top: 40px; bottom: 0;}
    .science-banner .box-content .image-content {position: static;}
    .science-banner .box-content .image-content.image-content-two{position: static;}

    .protection-difference-section h2{font-size: 30px;}
    .comparison-section .iec-content{flex-wrap: wrap; justify-content: center;}
    .comparison-section .iec-content .logo{margin-right: 0; margin-bottom: 30px;}
    .comparison-section .iec-content p{ font-size: 18px; text-align: center; }

    .cumulative-protection-section .content-wrap{justify-content: center;}

    .protection-difference-section {background: #1a89ad;}

    .protection-difference-section .bottom-content h4{font-size: 20px;margin-bottom: 50px; color: #fff;}

    .tested-approved-section .comparison-content{ margin-bottom: 15px; height: auto;}
    .tested-approved-section .content-wrap{margin-bottom: 0;}

    .navbar-second{margin-top: 10px;}
    .navbar-second .nav-pills .nav-link{    white-space: nowrap;}
    .navbar-second .nav-pills.nav{justify-content: flex-start;    flex-wrap: nowrap;    overflow: scroll;padding-bottom: 15px;}

    .img-bg-wrap{    padding-top: 50px;
    margin-top: 100px;    padding-bottom: 10px;}
    .coming-soon-wrap .winner-logo{    margin-top: 0;}
    .play-wrap{    margin-top: 0;}

}

@media screen and (max-width: 639px) {}

@media screen and (max-width: 575px) {
    .title-play {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 500px) {
    h1 {
        font-size: 30px;
        line-height: 40px;
    }
    p {
        font-size: 14px;
        line-height: 30px;
    }
    h2 {
        font-size: 24px;
        line-height: 36px;
    }
    .cook-shafe-section img {
        max-width: 100%;
    }


    .coming-soon-wrap .winner-logo {
        display: block;
        margin-bottom: 20px;
    }
    .tabeltop-img:before {
        width: 250px;
        height: 410px;
		right: 0;
		margin: auto;
    }
    
    .icon-section ul li,
    .report-section ul li {
        width: 100%;
    }
    .some-title-section h1 {
        margin-bottom: 30px;
    }
    .some-title-section {
        padding: 50px 0;
    }
    .report-section h2 {
        font-size: 26px;
        line-height: 36px;
    }
	.report-section h2 span{font-size: 20px;}
}

@media screen and (max-width: 375px) {.coming-soon-wrap .winner-logo{display: block!important;}

	.cook-shafe-section:before{width: 275px;}
	
}

@media (min-width: 1200px) and (max-width: 1400px) {
	.cook-shafe-section:before{width: 400px;}
}



@media (min-width: 992px) and (max-width: 1199.98px) {

	header.header ul li img{width: 80%;}
	.coming-soon-wrap h1{font-size: 28px;line-height: 36px;}
	.coming-soon-wrap .coming-soon{    max-width: 330px;font-size: 20px;}
	.coming-soon-wrap p{font-size: 16px;line-height: 30px;margin-bottom: 0;}
	.coming-soon-wrap .winner-logo{margin-top: 30px;}
	header.header{margin-bottom: 60px;}
	.cook-shafe-section{top: -90px;}
	.report-section ul li .download-file-wrap .download-file-img img{ width: 70%;}
}