@media(max-width:767px) {
    .footerMoreLinks ul li a {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #909090;
    font-size: 7px;
    letter-spacing: .75px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: .5px solid #7e7e7e;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}
    #mainContainer {
        padding-top: 60px
    }

    .owl-carousel .owl-slide {
        height: calc(100vh - -22px) !important
    }

    .homeSlider.owl-carousel .owl-slide {
        /* height: 600px !important */
    }

    .sectionHeadings h2 {
        font-size: 6.55vw
    }

    .sectionHeadings p.redLine {
        font-size: 3.889vw
    }

    .featured_products_slides .owl-stage-outer {
        padding: 0 0
    }

    .featured_products_slides .item {
        background-color: #fff;
        box-shadow: 0 25px 40px #1f1F1F1A
    }

    .onhover_btn {
        opacity: 1
    }

    .onhover_btn li a {
        font-size: 10px
    }

    .featured_products_slides .owl-nav button.owl-prev {
        float: left;
        margin-left: 20px
    }

    .featured_products_slides .owl-nav button.owl-next {
        float: right;
        margin-right: 20px
    }

    .featured_products {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .featured_products_inner {
        padding: 0
    }

    .choose-your-geyser_inner img {
        max-width: 100%
    }

    .choose-your-geyser_inner-left {
        margin-bottom: 50px
    }

    .chooseyourgeyser {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .other_slide .item h3 {
        font-size: 20px
    }

    .other_slide .item p {
        font-size: 15px
    }

    .aboutSocialLinks ul li {
        display: inline-block;
        text-align: center
    }

    .aboutSocialLinks ul li a {
        display: block;
        font-size: 30px;
        padding: 15px;
        color: #000
    }

    .aboutSocialLinks {
        display: table;
        clear: both;
        right: 30px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        margin: 30px auto 0
    }

    .onhover_btn li {
        width: 100%
    }

    onhover_btn li:nth-child(1) a {
        border-right: none !important
    }

    .onhover_btn li:nth-child(2) {
        display: none
    }

    .other_inner .item h3 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .other_inner .item p {
        font-size: 14px
    }

    .captionBox {
        top: 25%;
        left: 0;
        width: 80%
    }

    .homeSlider .owl-small-title {
        font-size: 20px
    }

    .homeSlider .owl-big-title {
        font-size: 26px
    }

    .owl-dots {
        bottom: 35px
    }

    .aboutus {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .whyracold .carousel-inner img {
        max-width: 250px !important
    }

    .whyracold_inner .bs-example {
        clear: both;
        padding-top: 25px
    }

    #counterHome {
        position: absolute;
        bottom: 15px;
        left: 50%;
        right: 0;
        margin: 0 auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center
    }

    .feturedBlogs {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .whyracold {
        padding-top: 50px;
        padding-bottom: 100px !important
    }

    .masonry .masonry__item {
        width: 100%;
        padding: 30px 0;
        float: left
    }

    .readMoreBlog {
        position: relative !important;
        display: block !important
    }

    .masonry__item {
        border-bottom: 1px solid #cecece
    }

    .feturedBlogs .media-box-text {
        margin-bottom: 15px !important
    }

    .aboutus_inner-right_inner {
        height: 250px;
        background-size: contain
    }

    .featured_products_slides .onhover_btn {
        top: 0
    }

    .compareImg {
        width: 100%
    }

    .ag-compare ul.ag-compare-products li:nth-child(3)::after {
        content: none
    }

    .compareBtn-group {
        margin-top: 15px
    }

    .compareBtn-group a:nth-child(1) {
        float: left;
        margin-bottom: 0
    }

    .compareBtn-group a:nth-child(2) {
        float: right;
        margin-bottom: 0
    }

    .ag-compare ul.ag-compare-products li::after {
        height: 50%;
        content: none
    }

    .aboutus,
    .allBlogsWrapper,
    .chooseyourgeyser,
    .featured_products,
    .feturedBlogs,
    .other,
    .whyracold {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 15px;
        padding-right: 15px
    }

    .ag-compare {
        padding: 0
    }

    .compareBtn-group {
        padding: 0
    }

    .compareBtn-group a:nth-child(1) {
        width: 100%
    }

    .remove-compare-product {
        position: absolute;
        right: 10px;
        top: 5px
    }

    .whyracold_inner .left.carousel-control,
    .whyracold_inner .right.carousel-control {
        bottom: -50px
    }

    .aboutus .sectionHeadings p.extraInfo {
        margin-bottom: 0
    }

    a.btn-divided-border,
    button.btn-divided-border {
        font-size: 3.889vw;
        width: 100% !important
    }

    .whyRacold-internal .owl-nav {
        top: initial;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px)
    }

    .welcome h2 span {
        font-size: 18px !important
    }

    .keyFeaturesSlider .item_inner {
        height: auto
    }

    .other_inner .item {
        box-shadow: 0 25px 40px #1f1F1F1A;
        margin-bottom: 60px
    }
    
    .bg-imgage {
    /* background-position: bottom -110px center; */
    background-position: top -70px center;
}
}

@media(min-width:768px) {
    .sectionHeadings h2 {
        font-size: 2.083vw
    }

    .sectionHeadings p.redLine {
        font-size: 1.938vw
    }

    #mainContainer {
        padding-top: 60px
    }

    .owl-carousel .owl-slide {
        height: calc(100vh - 60px) !important
    }

    .featured_products_slides .owl-stage-outer {
        padding: 0 0
    }

    .featured_products_slides .item {
        background-color: #fff;
        box-shadow: 0 25px 40px #1f1F1F1A
    }

    .onhover_btn {
        opacity: 1
    }

    .onhover_btn li a {
        font-size: 10px
    }

    .featured_products_slides .owl-nav button.owl-prev {
        float: left;
        margin-left: 20px
    }

    .featured_products_slides .owl-nav button.owl-next {
        float: right;
        margin-right: 20px
    }

    #counterHome {
        position: absolute;
        bottom: 12px;
        left: 50%;
        right: 0;
        margin: 0 auto;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        text-align: center
    }

    .aboutSocialLinks ul li {
        display: inline-block;
        text-align: center
    }

    .aboutSocialLinks ul li a {
        display: block;
        font-size: 30px;
        padding: 15px;
        color: #000
    }

    .aboutSocialLinks {
        display: table;
        clear: both;
        right: 30px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        transform: translateY(0);
        margin: 30px auto 0
    }

    .onhover_btn li {
        width: 100%
    }

    .onhover_btn li:nth-child(2) {
        display: none;
        border: none
    }

    .homeSlider .owl-small-title,
    .owl-small-title {
        font-size: 18px
    }

    .homeSlider .owl-big-title,
    .owl-big-title {
        font-size: 25px
    }

    .masonry .masonry__item {
        width: 100%;
        padding: 30px 0;
        float: left
    }

    .readMoreBlog {
        position: relative !important;
        display: block;
        margin-top: 15px
    }

    .masonry__item {
        border-bottom: 1px solid #cecece
    }

    .feturedBlogs .media-box-text {
        margin-bottom: 0 !important
    }

    .aboutus_inner-right_inner {
        height: 450px;
        background-size: cover;
        box-shadow: 0 15px 30px #00000029
    }

    .aboutus_inner-left {
        max-width: width: 100%
    }

    .featured_products_slides .onhover_btn {
        top: 0
    }

    .close-ag-compare {
        position: relative;
        float: right;
        top: -15px;
        right: -15px
    }

    .compareBtn-group {
        margin-top: 15px
    }

    .compareBtn-group a:nth-child(1) {
        float: left;
        margin-bottom: 0
    }

    .compareBtn-group a:nth-child(2) {
        float: left;
        margin-bottom: 0;
        margin-left: 15px
    }

    .ag-compare ul.ag-compare-products li:nth-child(3)::after {
        content: none
    }

    .aboutus,
    .allBlogsWrapper,
    .chooseyourgeyser,
    .featured_products,
    .feturedBlogs,
    .other,
    .whyracold {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .ag-compare ul.ag-compare-products li::after {
        content: none
    }

    .ag-compare {
        padding: 0
    }

    .compareBtn-group {
        padding: 0
    }

    .compareBtn-group a:nth-child(1) {
        width: 100%
    }

    .remove-compare-product {
        position: absolute;
        right: 20px;
        top: 5px
    }

    .captionBox2 {
        top: 35%
    }

    .bg-imgage {
        background-position: bottom -200px center
    }

    .keyFeaturesSlider .item_inner {
        height: auto
    }

    a.btn-divided-border,
    button.btn-divided-border {
        font-size: 1.729vw
    }
}

@media(min-width:992px) {
    .sectionHeadings h2 {
        font-size: 1.783vw !important;
    }

    .sectionHeadings p.redLine {
       font-size: .938vw;
    }

    #mainContainer {
        padding-top: 60px
    }

    .owl-carousel .owl-slide {
        height: calc(100vh - 0px) !important;
        /* max-height: 550px; */
    }

    .featured_products_slides .owl-nav {
        position: absolute;
        top: 50%;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .featured_products_slides .owl-nav button.owl-prev {
        float: left;
        margin-left: -54px
    }

    .featured_products_slides .owl-nav button.owl-next {
        float: right;
        margin-right: -54px
    }

    .aboutSocialLinks ul li {
        display: block;
        text-align: center
    }

    .aboutSocialLinks ul li a {
        display: block;
        font-size: 30px;
        padding: 15px;
        color: #000
    }

    .aboutSocialLinks {
        display: table;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .onhover_btn li {
        width: 50%
    }

    .onhover_btn li:nth-child(1) {
        border-right: 2px solid #adadad
    }

    .onhover_btn li:nth-child(2) {
        display: block
    }

    .whyracold_inner {
        display: flex
    }

    .quickView_inner {
        -webkit-transform: translateY(-50%) scale(.7);
        -moz-transform: translateY(-50%) scale(.7);
        transform: translateY(-50%) scale(.7)
    }

    .other_inner .item h3 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .other_inner .item p {
        font-size: 14px
    }

    .homeSlider .owl-small-title,
    .owl-small-title {
        font-size: 1.5vw
    }

    .homeSlider .owl-big-title,
    .owl-big-title {
        font-size: 2.2vw
    }

    .masonry--divided:after,
    .masonry--divided:before,
    .products:after,
    .products:before {
        content: '';
        width: 1px;
        background-color: #cecece;
        position: absolute;
        top: 0;
        bottom: 0;
        display: none;
        z-index: 1;
        height: 100%
    }

    .masonry--divided:before,
    .products:before {
        display: block;
        left: 50%
    }

    .masonry--divided:after,
    .products:after {
        display: block;
        left: 66.66%
    }

    .masonry .masonry__item {
        width: 50%;
        padding: 0 30px;
        float: left
    }

    .masonry--divided:after, .products:after {
        display: none;
    }

    .homeblog.masonry .masonry__item {
        width: 100%;
        padding: 0 30px;
        float: left
    }

    .feturedBlogs .media-box-text {
        margin: 30px 0 38px 0 !important
    }

    .masonry__item {
        border-bottom: none
    }

    .readMoreBlog {
        position: absolute !important;
        display: none
    }

    .aboutus_inner-left {
        max-width: 400px
    }

    .featured_products_slides .onhover_btn {
        top: 0
    }

    .close-ag-compare {
        display: inline-block;
        width: 35px;
        height: 35px;
        background-color: #ec1b2e;
        color: #fff;
        position: absolute;
        right: 0;
        top: 0;
        line-height: 35px;
        text-align: center;
        font-family: Roboto, sans-serif
    }

    .ag-compare ul.ag-compare-products li:nth-child(3)::after {
        content: ""
    }

    .compareBtn-group {
        margin-top: 0
    }

    .compareBtn-group a:nth-child(1) {
        float: none;
        margin-bottom: 15px
    }

    .compareBtn-group a:nth-child(2) {
        float: none;
        margin-bottom: 0;
        margin-left: 0
    }

    .ag-compare ul.ag-compare-products li::after {
        content: ''
    }

    .ag-compare {
        padding: 10px 0
    }

    .compareBtn-group a:nth-child(1) {
        width: 122px
    }

    .compareBtn-group {
        padding: 0 15px;
        height: 112px
    }

    .compareBtn-group-inner {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .remove-compare-product {
        position: absolute;
        right: 20px;
        top: 5px
    }

    .captionBox2 {
        top: 20% !important;
        left: 0;
        right: 0
    }

    .why-racold-carousel {
        height: 100%
    }

    .bg-imgage {
        background-position: bottom 0 center
    }

    .captionBox2 {
        text-align: center
    }

    .captionBox2 .static {
        float: none;
        margin: 0 auto
    }

    .homeSlider .captionBox2 .owl-big-title,
    .homeSlider .captionBox2 .owl-small-title {
        text-align: center
    }

    .keyFeaturesSlider .owl-stage {
        display: flex;
        margin: 0 auto
    }

    .keyFeaturesSlider .item_inner {
        height: 350px
    }

    a.btn-divided-border,
    button.btn-divided-border {
        font-size: .999vw
    }

    main {
        position: relative
    }

    .homeSlider .owl-dots {
        bottom: 75px !important
    }

    /**/
   .featured_products_slides .owl-item img {
        max-width: 170px;
    }
    .footerLinks-inner h6, .fe-prod-details h3, .fe-prod-details p.pricing, .panel-title > a, .buynowon li{font-size: 14px;}
    .productInfoGrid .inner .text, .footerMoreLinks ul li a, .fe-prod-details h4.description, .fe-prod-details p.description, .readMoreBlog, .whyracold_inner .carousel p, .panel-body, .classic-tabs .nav > li > a, .bootstrap-select .dropdown-toggle .filter-option, .productInfoGrid p, .pinCode, .productInfoGrid p span {font-size: 16px; /*min-height: 40px;*/}   
    .feturedBlogs .media-box-text {
        font-size: 17px !important;padding-top: 15px;
    }
    .aboutus .sectionHeadings p.extraInfo{font-size: 16px;}
    a.btn-divided-border, button.btn-divided-border{line-height: 45px; height:auto;}
    .whyracold .carousel-inner img {
        max-width: 275px !important; } 
    .footer-logo ul li img{
        max-width: 140px;
    }    
    .product__carousel .carousel-inner img {
        max-width:300px !important;
    }
    .searchtabCs .nav-tabs>li>a{
        padding: 5px 15px;
        font-size: 14px;
        }
    .btngroup-btn    {
        letter-spacing: 1px !important;
        font-size: 12px !important;
    }
    .homeSlider .owl-small-title, .owl-small-title {
        max-width: 425px;
       line-height: 1.3;
    }
}


@media(min-width:1200px){
    .sectionHeadings p.redLine {
        font-size: .938vw;
    }

    .masonry .masonry__item {
        width: 33.33%;
    }

    .masonry--divided:after, .products:after {
        display: block;
    }

    .masonry--divided:before, .products:before {
        display: block;
        left: 33.33%;
    }
}

@media(min-width:1366px) {
    .productFullView .product-info .product-title{font-size: 30px;}
    .fe-prod-details h4.description, .fe-prod-details p.description, .footerMoreLinks ul li a, .footerLinks-inner h6, .productInfoGrid .inner .text{font-size: 14px;}
    .fe-prod-details h3{font-size: 22px;}
    .fe-prod-details p.pricing, .panel-title > a{font-size: 20px;}
    .feturedBlogs .media-box-text {
        font-size: 25px !important;
    }
    .footer-logo ul li img{ max-width:auto; } 
    .whyracold_inner .carousel p, .panel-body, .classic-tabs .nav > li > a, .bootstrap-select .dropdown-toggle .filter-option, .productInfoGrid p, .pinCode, .productInfoGrid p span{font-size: 15px;}
    a.btn-divided-border, button.btn-divided-border{line-height: 57px;height: 57px;}
    .aboutus .sectionHeadings p.extraInfo{font-size: 18px;}
    .whyracold .carousel-inner img {
        max-width: 350px !important;
    }
    .product__carousel .carousel-inner img {
        max-width: 100% !important;
    }
    .homeSlider .owl-small-title, .owl-small-title {
        max-width: 100%;
    }
 /**/

    .btngroup-btn    {
        letter-spacing: 2.7px !important;
        font-size: 16px !important;
    }
    .searchtabCs .nav-tabs>li>a{
        padding:10px 15px;
        font-size: 16px;
        }
    .sectionHeadings h2 {
        font-size: 2.083vw !important;
    }

    .sectionHeadings p.redLine {
        font-size: .938vw
    }
    .readMoreBlog{font-size: 18px;}
   
    .featured_products_slides .item {
        background-color: transparent;
        box-shadow: none
    }

    .featured_products_slides .item:focus,
    .featured_products_slides .item:hover {
        background-color: #fff;
        box-shadow: 0 25px 40px #1f1F1F1A
    }

    .onhover_btn {
        opacity: 0
    }

    .featured_products_slides .item:hover .onhover_btn {
        opacity: 1
    }

    .onhover_btn li a {
        font-size: 10px
    }

    .featured_products_slides .owl-nav button.owl-prev {
        float: left;
        margin-left: -50px
    }

    .featured_products_slides .owl-nav button.owl-next {
        float: right;
        margin-right: -50px
    }

    .owl-theme .owl-nav .disabled {
        opacity: 0 !important
    }

    .featured_products_slides .owl-item img {
        max-width: 150px
    }

    .aboutSocialLinks ul li {
        display: block;
        text-align: center
    }

    .aboutSocialLinks ul li a {
        display: block;
        font-size: 30px;
        padding: 15px;
        color: #000
    }

    .aboutSocialLinks {
        display: table;
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .choose-your-geyser_inner img {
        max-width: 100%
    }

    .aboutus_inner-right_inner {
        height: 485px
    }

    .featured_products_slides .onhover_btn {
        top: 100px
    }

    a.btn-divided-border,
    button.btn-divided-border {
        font-size: .925vw
    }

    .fe-prod-details h4.description,
    .fe-prod-details p.description {
        height: 63px
    }

    .owl-carousel .owl-slide {
/*        height: calc(100vh - 35px) !important;*/
        height: calc(100vh - 10px) !important;
        max-height: initial;
    }
}

@media(min-width:1920px) {
    .sectionHeadings h2 {
        font-size: 2.083vw
    }

    .sectionHeadings p.redLine {
        font-size: .938vw
    }

    .onhover_btn li a {
        font-size: 14px
    }

    .featured_products_slides .owl-item img {
        max-width: 300px
    }

    .aboutus_inner-right img {
        max-height: 595px
    }

    .aboutus_inner-left {
        max-width: 400px
    }

    .quickView_inner {
        -webkit-transform: translateY(-50%) scale(.9);
        -moz-transform: translateY(-50%) scale(.9);
        transform: translateY(-50%) scale(.9)
    }

    .other_inner .item h3 {
        font-size: 25px;
        margin-bottom: 20px
    }

    .other_inner .item p {
        font-size: 16px
    }

    .choose-your-geyser_inner img {
        max-width: 85%
    }

    .aboutus_inner-right_inner {
        height: 595px;
        width: 90%
    }

    .aboutus_inner-left {
        margin-left: 6%
    }

    .aboutus,
    .allBlogsWrapper,
    .chooseyourgeyser,
    .featured_products,
    .feturedBlogs,
    .other,
    .whyracold {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .allBlogsWrapper {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .captionBox {
        top: 50%
    }

    a.btn-divided-border,
    button.btn-divided-border {
        font-size: .729vw
    }
}

@media(min-width:2500px) {
    .choose-your-geyser_inner img {
        max-width: 856px
    }

    .maxContainer {
        max-width: 1585px;
        display: table
    }

    .maxXontainer-Big {
        display: table;
        max-width: 1744px
    }

    .awardsWrapper img {
        width: 85%
    }

    .allBlogsWrapper__inner {
        max-width: 1716px
    }

    .d-header-main {
        display: table;
        max-width: 1745px
    }
}