@import url('responsive.css');

body {
}






@media only screen and (min-width: 320px) and (max-width: 479px) {
    .chatbot {
		position: fixed;
		right: 0;
		cursor: pointer;
		width: 20%; 
		top: 90%;

	}
    .margin-top {
        margin-top: 24px !important;
    }
    ul.banner_icon_box_4 {
        width: 95%!important;
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
        margin-left: 15px!important;
    }
    .two-column-list hr {
        border-top-width: 1px;
        border-color: #d8d8d8;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 100%;
        float: left;
        position: relative;
        left: 0px;
        top: 23px;
    }
    .prices {
        color: red;
        font-size: 11px;
        margin-left: 0;
        position: relative;
        top: -6px;
        left: 3px;
    }

    .price-clr {
        font-weight: bold;
        color: #e51414;
        font-size: 17px;
        position: relative;
       /*  top: -7px; */
        left: 0px;
    }
    .mrp {
        color: #a8a7a6;
        font-size: 11px;
        margin-bottom: 8px;
        /* position: relative;
        left: -91px; */
    }
    .mrp-clr {
        font-weight: bold;
        color: #a8a7a6;
        font-size: 12px;
        position: relative;
        /* right: 68px; */
    }
    select {
        width: 55% !important;
        background-color: #999797;
        border: thin solid #999797;
        color: #fff;
        border-radius: 35px;
        display: inline-block;
        font: inherit;
        line-height: 1.5em;
        padding: 0.5em 3.5em 0.5em 1em;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-bottom: 15px;
    }

    .prct-clsfn-buy {
        background: #00aeef;
        color: #fff;
        padding: 3px 14px;
        border-radius: 8px;
        position: relative;
        top: 0px;
    }
    .first-colm{}
}




    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .camipro {
            background-color: #d2e8e1;
            border-radius: 3px;
            padding: 2px;
            margin-bottom: 40px;
            margin-top: 10px;
            text-align: center;
            width: 100%;
            float: left;
            color: #354046 !important;
            height: 545px !important;
        }

        .manufacturing-circel {
            margin-bottom: 71px;
        }

        #sidebar-wrapper {
            z-index: 9999;
            left: 220px;
            width: 0;
            height: 100%;
            margin-left: -220px;
            overflow-y: auto;
            overflow-x: hidden;
            background: #008ac6;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .warrenty-disply {
            display: inline !important;
        }

        .warrenty-slider .carousel-control {
            position: absolute;
            top: -137px;
            bottom: 0;
            left: 0;
            width: 15%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
            background-color: rgba(0, 0, 0, 0);
            filter: alpha(opacity=50);
            opacity: .5;
        }

        .logo {
            margin: 17px 114px 0;
            width: 48%;
            z-index: 999;
        }

        .stellarnav.mobile li.has-sub a {
            padding-right: 0px;
        }

        .stellarnav li li {
            display: block;
            padding: 12px 0px 0px 0px;
            border-bottom: 1px solid black;
        }

        .manufacturing {
            margin-bottom: 77px;
        }

        .top-warrenty {
            position: absolute;
            top: -3px !important;
        }

        header a {
            color: #000;
            font-size: 11px !important;
            font-weight: bold;
        }

        .main-warrnty h2 {
            text-align: center;
            font-family: 'Lato', sans-serif;
            font-size: 23px;
            margin-top: 65px;
        }

        .bg-warrenty img {
            width: 205px !important;
            position: relative !important;
            top: -71px !important;
        }

        control.right {
            right: 0;
            left: auto;
            margin-top: -26px !important;
        }

        select.classic {
            background-image: linear-gradient(45deg, transparent 50%, #009deb 50%), linear-gradient(135deg, #009deb 50%, transparent 50%), linear-gradient(to right, #009deb, #009deb);
            background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
            background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
            background-repeat: no-repeat;
            margin-bottom: 18px;
        }

        .md-mssage-circle {
            margin-bottom: 69px !important;
        }

        .about-res {
            position: relative;
            top: 23px;
        }

        .over-view-circle {
            position: relative !important;
            bottom: 18px !important;
            margin-top: 0px !important;
        }

        .tab-content h3 {
            color: #000;
            margin-top: -2px;
            margin-bottom: 14px;
        }

        .tab-box {
            padding: 0px;
            background: #ffffff;
            border: 25px solid #ade8ff;
        }

        .cmi-news {
            margin-top: 14px;
        }

        .social-nav li {
            float: left;
            margin: 10px 0 0 26px;
            list-style: none;
        }

        .spacing {
            padding: 0px 15px;
        }

        .listing h3 {
            text-transform: uppercase;
            font-size: 22px;
            font-family: 'RobotoCondensed-Bold';
            margin-top: 0px;
        }

        .listing-content-right .btn-info {
            color: #fff;
            background-color: #5bc0de;
            border-color: #46b8da;
            float: none;
        }

        .show-hide {
            margin-bottom: 0px;
            border-bottom: 2px solid #c9c9c9;
            position: relative;
            bottom: 9px;
        }

        .listing-content p {
            position: relative;
            top: 4px;
            font-size: 14px;
            color: #727272;
        }

        .bg-color {
            padding: 0px;
            background: #ade8ff !important;
        }

        .social-nav {
            padding: 10px 47PX;
            list-style: none;
            margin: -10px 0 0 -10px;
        }

        .other-link-res {
            margin-top: -75px;
        }

        footer {
            background-color: #f5f5f5;
            display: block;
            width: 100%;
            float: left;
            margin: 0;
            font-family: 'RobotoCondensed-Regular';
            color: #565656;
        }

        .stellarnav.mobile {
            position: static;
            text-align: center;
        }

        .logo {
            margin: 17px 114px 0;
            width: 21%;
        }

        .banner {
            z-index: 999;
            margin-top: 0px;
        }

        .trending-now {
            background: antiquewhite;
            position: relative;
            background-position: center bottom;
            background-size: cover;
            padding: 0px 0 0 0;
            width: 100%;
            background-repeat: no-repeat;
            /* top: 500px; */
            float: left;
        }

        .circle-3 {
            margin: auto;
            width: 100%;
            padding-top: 22px;
            bottom: 36px;
            position: relative;
            margin-top: 81px;
            left: -20px !important;
        }

        .video_bg_box {
            width: 100%;
            float: left;
            margin: -117px 0 0 0;
            padding: 100px 0 0 0;
            background: #d2e8e1;
        }

        span.cta.light, button.cta.light, a.cta.light, input[type=submit].cta.light {
            background-color: #f5f5f5;
            border: 1px solid #f5f5f5;
            position: relative !important;
            bottom: 39px !important;
            right: -649px !important;
        }


        .testimonial .text-brand {
            background-image: url(../images/comment.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: 288px;
            height: 244px;
            padding: 20px 8px;
            font-size: 11px;
        }

        .testimonial .img-circle {
            position: absolute;
            width: 46px;
            bottom: 113px;
            left: 40px;
        }

        .testimonial .quoting-person {
            position: absolute;
            bottom: -4px;
            font-size: 21px;
            left: 205px;
        }

        .copyright ul {
            margin-bottom: 0;
            text-align: -webkit-center;
        }

        .thin input[type=image] {
            padding: 8px 5px;
            border: 1px solid #aaa;
            margin: 8px 0;
            width: 100%;
        }

        .vertical-align {
            position: absolute;
            top: 60% !important;
            transform: translateY(-50%);
            width: 100% !important;
        }

        .slider-ac {
            width: 29%;
            margin-top: 55px;
        }

        .slider-img {
            width: 56%;
        }

        .supiriya-bg {
            background: rgba(0, 174, 239, 0.11);
            display: block;
            padding: 3px 25px 15px 25px;
            margin-top: 95px;
        }

        .catalog a {
            background: #00aeef;
            font-size: 18px;
            margin: 15px 0 5px 0;
            padding: 3px 8px;
            color: #fff;
            font-family: 'RobotoCondensed-Bold';
            width: 100%;
            display: block;
            line-height: 15px;
        }

        .Branch-heading ul li a {
            text-decoration: none;
            display: block;
            color: #000;
            font-size: 13px;
            width: 707px;
            margin-bottom: 2px;
        }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555;
            cursor: default;
            background-color: #ade8ff;
            /* border: 1px solid #ddd; */
            border-bottom-color: transparent;
            width: 707px;
            margin-bottom: 2px;
        }

        footer .border {
            border-left: none;
            border-right: none;
        }

        .Customer-box span {
            font-size: 25px;
            color: #464646;
            position: relative;
            left: 195px;
        }

        .custom-search-form {
            margin-top: -33px;
            width: 384px;
            float: right;
            padding-left: 0px;
        }

        .button-3 {
            line-height: normal;
            PADDING: 9PX 6PX 13PX 7PX;
            BACKGROUND: #1b478a !important;
            BORDER: NONE;
            COLOR: WHITE;
            BORDER-RADIUS: 10PX;
            FONT-SIZE: 12PX;
            MARGIN-TOP: 37PX;
            margin: 0 auto;
            display: inherit;
        }

        .button-2 {
            line-height: normal;
            PADDING: 8PX 11PX 11PX 11PX;
            BACKGROUND: #1b478a !important;
            BORDER: NONE;
            COLOR: WHITE;
            BORDER-RADIUS: 10PX;
            FONT-SIZE: 11PX;
            MARGIN-TOP: 37PX;
        }

        .banner-text {
            background-image: url(../images/video-banner.png);
            background-repeat: no-repeat;
            padding: 0px 0px;
        }

        .row-eq-height {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: block;
        }

        .green-bg {
            background-color: #c0ffba;
            padding: 15px 20px;
            line-height: 30px;
            margin-top: 0px;
        }

        .testimonial {
            background-color: #fff;
            padding: 0px;
            position: relative;
            bottom: 0px;
        }

            .testimonial .text-brand {
                background-image: url(../images/comment.png);
                background-repeat: no-repeat;
                background-size: contain;
                width: 728px;
                height: 314px;
                padding: 59px 85px;
                font-size: 11px;
            }

            .testimonial .img-circle {
                position: absolute;
                width: 86px;
                bottom: 13px;
                left: 83px;
            }

        .carousel-control {
            position: absolute;
            top: 310px;
            bottom: 0;
            left: 0;
            width: 15%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
            background-color: rgba(0, 0, 0, 0);
            filter: alpha(opacity=50);
            opacity: .5;
        }

        .trending-now p {
            text-align: center;
            font-size: 13px !important;
            font-family: 'Roboto-Medium';
        }

        .navbar-static-top {
            z-index: 1000;
            border-width: 0 0 1px;
            background: none !important;
        }

        .cmi-news select {
            padding: 4px 11px;
            width: 100%;
            color: black;
            border-radius: 25px;
        }

        .tab-3 .nav-tabss > li > a, .nav-tabss > li > a:hover {
            border: none;
            background: #c0ffb9;
            color: #000 !important;
            padding: 19px 0px;
            font-size: 10px;
        }

        .cmi-news-img i {
            background: white;
            padding: 9px;
            color: black;
            border-radius: 7px;
            font-size: 15px;
            position: relative;
            bottom: -10px;
            left: -37px;
        }

        .ss-right i {
            position: relative;
            right: -291px !important;
            top: 30px;
        }

        .ss-row {
            width: 0% !important;
            clear: both;
            float: left;
            position: relative;
            padding: 0px !important;
        }

        .ss-container h3 {
            width: 376px !important;
            padding: 11px 15px;
            background: #009deb;
        }

        .ss-left i {
            position: relative;
            right: 294px !important;
            top: 28px;
        }

        .ss-container::before {
            position: absolute;
            width: 0px;
            background: none !important;
            top: 0px;
            left: 50%;
            margin-left: -2px;
            content: '';
            height: 100%;
        }

        .ss-container:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 64px;
            transform: translateX(-50%);
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: none !important;
            border: none !important;
        }

        .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            max-width: 100%;
            height: auto;
            margin: 0 auto !important;
            display: block;
            margin-top: 15px !important;
        }

        .ss-container h3 span {
            color: #fff;
            font-size: 28px;
            display: block;
            position: relative;
            bottom: 84px;
            left: -5px;
        }

        .Check-Status-but {
            display: inline-block;
            height: 46px;
            padding: 0px 13px 1px 5px !important;
            color: #fff;
            text-align: center;
            font-size: 8px;
            font-weight: 600;
            line-height: 38px;
            letter-spacing: .1rem;
            text-transform: uppercase;
            text-decoration: none;
            white-space: nowrap;
            background-color: red;
            border: none;
            cursor: pointer;
            box-sizing: border-box;
            margin-right: 18px;
            position: relative;
            left: 15px;
        }

        .modal-body {
            position: relative;
            padding: 14px;
        }



        .circle-top {
            margin-top: -80px;
            width: 100%;
            float: left;
            margin-left: -19px;
            position: relative;
            bottom: -69px;
        }

        .dekstop-display {
            display: none;
        }

        .responsive-display {
            display: block;
        }

        .sidebar-nav i {
            margin-left: 5px;
            margin-top: 6px;
        }

        .modal-dialog1 {
            width: 372px;
            margin: 30px auto;
        }
    }





    @media only screen and (min-width: 321px) and (max-width: 479px) {
        .modal-dialog1 {
            width: 372px;
            margin: 30px auto;
        }

        .camipro {
            background-color: #d2e8e1;
            border-radius: 3px;
            padding: 2px;
            margin-bottom: 40px;
            margin-top: 10px;
            text-align: center;
            width: 100%;
            float: left;
            color: #354046 !important;
            height: 545px !important;
        }

        .manufacturing-circel {
            margin-bottom: 71px;
        }

        .warrenty-disply {
            display: inline !important;
        }

        .warrenty-slider .carousel-control {
            position: absolute;
            top: -137px;
            bottom: 0;
            left: 0;
            width: 15%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
            background-color: rgba(0, 0, 0, 0);
            filter: alpha(opacity=50);
            opacity: .5;
        }

        .logo {
            margin: 17px 114px 0;
            width: 48%;
            z-index: 999;
        }

        .stellarnav.mobile li.has-sub a {
            padding-right: 0px;
        }

        .stellarnav li li {
            display: block;
            padding: 12px 0px 0px 0px;
            border-bottom: 1px solid black;
        }

        .manufacturing {
            margin-bottom: 77px;
        }

        header a {
            color: #000;
            font-size: 11px !important;
            font-weight: bold;
        }

        .top-warrenty {
            position: absolute;
            top: -3px !important;
        }

        .main-warrnty .carousel-control.left {
            margin-top: -29px !important;
        }

        .main-warrnty h2 {
            text-align: center;
            font-family: 'Lato', sans-serif;
            font-size: 23px;
            margin-top: 65px;
        }

        .bg-warrenty img {
            width: 205px !important;
            position: relative !important;
            top: -71px !important;
        }

        control.right {
            right: 0;
            left: auto;
            margin-top: -26px !important;
        }

        select.classic {
            background-image: linear-gradient(45deg, transparent 50%, #009deb 50%), linear-gradient(135deg, #009deb 50%, transparent 50%), linear-gradient(to right, #009deb, #009deb);
            background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
            background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
            background-repeat: no-repeat;
            margin-bottom: 18px;
        }

        .md-mssage-circle {
            margin-bottom: 69px !important;
        }

        .about-res {
            position: relative;
            top: 23px;
        }

        .over-view-circle {
            position: relative !important;
            bottom: 18px !important;
            margin-top: 0px !important;
        }
		
		
	.e-waste {
    text-align: left !important;
    display: inline-flex;
    font-weight: 400 !important;
    color:  #fff !important;
}
		
		

.main-flip p {

    margin-bottom: 25px !important;
    color:  #858585;

}
		

    .tab-content h3 {
    color:  #fff;
    margin: 10px 0 0px 0;
}
        .tab-box {
            padding: 0px;
            background: #ffffff;
            border: 25px solid #ade8ff;
        }

       .cmi-news {
    padding: 70px 0 0 0;
    margin: 0;
}

        .social-nav li {
            float: left;
            margin: 10px 0 0 26px;
            list-style: none;
        }

        .spacing {
            padding: 0px 15px;
        }

        .listing h3 {
            text-transform: uppercase;
            font-size: 22px;
            font-family: 'RobotoCondensed-Bold';
            margin-top: 0px;
        }

        .listing-content-right .btn-info {
            color: #fff;
            background-color: #5bc0de;
            border-color: #46b8da;
            float: none;
        }

        .show-hide {
            margin-bottom: 0px;
            border-bottom: 2px solid #c9c9c9;
            position: relative;
            bottom: 9px;
        }

        .listing-content p {
            position: relative;
            top: 4px;
            font-size: 14px;
            color: #727272;
        }

     .bg-color {
    padding: 4px 11px;
    background:  #264f9f !important;
}

        .social-nav {
            padding: 10px 47PX;
            list-style: none;
            margin: -10px 0 0 -10px;
        }

        .other-link-res {
            margin-top: -99px;
        }

        footer {
            background-color: #f5f5f5;
            display: block;
            width: 100%;
            float: left;
            margin: 0;
            font-family: 'RobotoCondensed-Regular';
            color: #565656;
        }

        .stellarnav.mobile {
            position: static;
            text-align: center;
        }

        .logo {
            margin: 17px 114px 0;
            width: 43%;
        }

        .banner {
            z-index: 999;
            margin-top: 0px;
        }

        .trending-now {
            background: antiquewhite;
            position: relative;
            background-position: center bottom;
            background-size: cover;
            padding: 0px 0 0 0;
            width: 100%;
            background-repeat: no-repeat;
            /* top: 500px; */
            float: left;
        }

        .circle-3 {
            margin: auto;
            width: 100%;
            padding-top: 22px;
            bottom: 36px;
            position: relative;
            margin-top: 81px;
            left: -20px !important;
        }

        .video_bg_box {
            width: 100%;
            float: left;
            margin: -117px 0 0 0;
            padding: 100px 0 0 0;
            background: #d2e8e1;
        }

        span.cta.light, button.cta.light, a.cta.light, input[type=submit].cta.light {
            background-color: #f5f5f5;
            border: 1px solid #f5f5f5;
            position: relative !important;
            bottom: 0px !important;
            right: -301px !important;
        }


        .testimonial .text-brand {
            background-image: url(../images/comment.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: 438px;
            height: 314px;
            padding: 20px 85px;
            font-size: 11px;
        }

        .testimonial .img-circle {
            position: absolute;
            width: 56px;
            bottom: 123px;
            left: 60px;
        }

        .carousel-control {
            position: absolute;
            top: 90px;
            bottom: 0;
            left: 0;
            width: 15%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
            background-color: rgba(0, 0, 0, 0);
            filter: alpha(opacity=50);
            opacity: .5;
        }

        .testimonial .quoting-person {
            position: absolute;
            bottom: 105px;
            font-size: 13px;
            left: 116px;
        }

        .copyright ul {
            margin-bottom: 0;
            text-align: -webkit-center;
        }

        .thin input[type=image] {
            padding: 8px 5px;
            border: 1px solid #aaa;
            margin: 8px 0;
            width: 100%;
        }

        .vertical-align {
            position: absolute;
            top: 60% !important;
            transform: translateY(-50%);
            width: 100% !important;
        }

        .slider-ac {
            width: 29%;
            margin-top: 55px;
        }

        .slider-img {
            width: 56%;
            position: absolute;
            top: 226px;
            left: 116px;
        }

        .supiriya-bg {
           /*  background: rgba(0, 174, 239, 0.11); */
            display: block;
            padding: 3px 25px 15px 25px;
            margin-top: 35px;
        }

        .catalog a {
            background: #00aeef;
            font-size: 18px;
            margin: 15px 0 5px 0;
            padding: 3px 8px;
            color: #fff;
            font-family: 'RobotoCondensed-Bold';
            width: 100%;
            display: block;
            line-height: 15px;
        }

        .Branch-heading ul li a {
            text-decoration: none;
            display: block;
            color: #000;
            font-size: 13px;
            width: 300px;
            margin-bottom: 2px;
        }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555;
            cursor: default;
            background-color: #264f9f;
            /* border: 1px solid #ddd; */
            border-bottom-color: transparent;
            /* width: 100%; */
            margin-bottom: 2px;
        }

       .e-waste-box {
    padding: 10px 18px;
    background:  #264f9f;
    max-height: 340px;
		   margin: 0 0 10px 0;
}

        footer .border {
            border-left: none;
            border-right: none;
        }

        .Customer-box span {
            font-size: 17px;
            color: #464646;
            position: relative;
            left: 25px;
        }

        .button-3 {
            line-height: normal;
            PADDING: 9PX 6PX 13PX 7PX;
            BACKGROUND: #1b478a !important;
            BORDER: NONE;
            COLOR: WHITE;
            BORDER-RADIUS: 10PX;
            FONT-SIZE: 12PX;
            MARGIN-TOP: 37PX;
            margin: 0 auto;
            display: inherit;
        }

        .button-2 {
            line-height: normal;
            PADDING: 8PX 11PX 11PX 11PX;
            BACKGROUND: #1b478a !important;
            BORDER: NONE;
            COLOR: WHITE;
            BORDER-RADIUS: 10PX;
            FONT-SIZE: 11PX;
            MARGIN-TOP: 37PX;
        }

        .banner-text {
            background-image: url(../images/video-banner.png);
            background-repeat: no-repeat;
            padding: 0px 0px;
        }

        .row-eq-height {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: block;
        }

        .green-bg {
            background-color: #a2a2a2;
            padding: 15px 20px;
            line-height: 30px;
            margin-top: 0px;
        }

        .testimonial {
            background-color: #fff;
            padding: 0px;
            position: relative;
            bottom: 0px;
        }

        .trending-now p {
            text-align: center;
            font-size: 13px !important;
            font-family: 'Roboto-Medium';
        }

        .navbar-static-top {
            z-index: 1000;
            border-width: 0 0 1px;
            background: none !important;
        }

        .cmi-news select {
            padding: 4px 11px;
            width: 100%;
            color: black;
            border-radius: 25px;
        }

        .tab-3 .nav-tabss > li > a, .nav-tabss > li > a:hover {
            border: none;
            background: #c0ffb9;
            color: #000 !important;
            padding: 19px 0px;
            font-size: 10px;
        }

        .cmi-news-img i {
            background: white;
            padding: 9px;
            color: black;
            border-radius: 7px;
            font-size: 15px;
            position: relative;
            bottom: -10px;
            left: -37px;
        }

        .ss-container h3 {
            width: 373px;
            padding: 11px 15px;
            background: #009deb;
        }

        .ss-right i {
            position: relative;
            right: -291px !important;
            top: 30px;
        }

        .ss-row {
            width: 0% !important;
            clear: both;
            float: left;
            position: relative;
            padding: 0px !important;
        }

        .ss-container h3 {
            width: 376px !important;
            padding: 11px 15px;
            background: #009deb;
        }

        .ss-left i {
            position: relative;
            right: 294px !important;
            top: 28px;
        }

        .ss-container::before {
            position: absolute;
            width: 0px;
            background: none !important;
            top: 0px;
            left: 50%;
            margin-left: -2px;
            content: '';
            height: 100%;
        }

        .ss-container:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 64px;
            transform: translateX(-50%);
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: none !important;
            border: none !important;
        }

        .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            max-width: 100%;
            height: auto;
            margin: 0 auto !important;
            display: block;
            margin-top: 15px !important;
        }

        .ss-container h3 span {
            color: #fff;
            font-size: 28px;
            display: block;
            position: relative;
            bottom: 84px;
            left: -5px;
        }

        .Check-Status-but {
            display: inline-block;
            height: 46px;
            padding: 0px 13px 1px 5px !important;
            color: #fff;
            text-align: center;
            font-size: 8px;
            font-weight: 600;
            line-height: 38px;
            letter-spacing: .1rem;
            text-transform: uppercase;
            text-decoration: none;
            white-space: nowrap;
            background-color: red;
            border: none;
            cursor: pointer;
            box-sizing: border-box;
            margin-right: 18px;
            position: relative;
            left: 15px;
        }

        .modal-body {
            position: relative;
            padding: 14px;
        }

        .custom-search-form {
            /* margin-top: -33px; */
            /* width: 384px; */
            /* float: right; */
            padding-left: 0px;
        }

        .circle-top {
            margin-top: -80px;
            width: 100%;
            float: left;
            margin-left: -19px;
            position: relative;
            bottom: -69px;
        }

        .content {
            width: 100%;
        }

            .content img {
                height: initial;
            }

        .sidebar img {
            height: initial;
        }

        .sidebar {
            position: initial;
            width: 100%;
            height: initial;
        }

        .banner-content {
            display: none;
        }

        .dekstop-display {
            display: none;
        }

        .responsive-display {
            display: block;
        }

        .sidebar-nav i {
            margin-left: 5px;
            margin-top: 6px;
        }

        #sidebar-wrapper {
            z-index: 9999;
            left: 220px;
            width: 0;
            height: 100%;
            margin-left: -220px;
            overflow-y: auto;
            overflow-x: hidden;
            background: #008ac6;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .modal-dialog1 {
            width: 372px;
            margin: 30px auto;
        }
    }





    @media only screen and (min-width: 0) and (max-width: 320px) {
        .modal-dialog1 {
            width: 372px;
            margin: 30px auto;
        }

        .camipro {
            background-color: #d2e8e1;
            border-radius: 3px;
            padding: 2px;
            margin-bottom: 40px;
            margin-top: 10px;
            text-align: center;
            width: 100%;
            float: left;
            color: #354046 !important;
            height: 545px !important;
        }

        .manufacturing-circel {
            margin-bottom: 71px;
        }

        .warrenty-disply {
            display: inline !important;
        }

        .warrenty-slider .carousel-control {
            position: absolute;
            top: -137px;
            bottom: 0;
            left: 0;
            width: 15%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
            background-color: rgba(0, 0, 0, 0);
            filter: alpha(opacity=50);
            opacity: .5;
        }

        .logo {
            margin: 17px 114px 0;
            width: 48%;
            z-index: 999;
        }

        .stellarnav.mobile li.has-sub a {
            padding-right: 0px;
        }

        .stellarnav li li {
            display: block;
            padding: 12px 0px 0px 0px;
            border-bottom: 1px solid black;
        }

        .manufacturing {
            margin-bottom: 77px;
        }

        .top-warrenty {
            position: absolute;
            top: -3px !important;
        }

        header a {
            color: #000;
            font-size: 11px !important;
            font-weight: bold;
        }

        .main-warrnty .carousel-control.left {
            margin-top: -29px !important;
        }

        .main-warrnty h2 {
            text-align: center;
            font-family: 'Lato', sans-serif;
            font-size: 23px;
            margin-top: 65px;
        }

        .bg-warrenty img {
            width: 205px !important;
            position: relative !important;
            top: -71px !important;
        }

        control.right {
            right: 0;
            left: auto !important;
            margin-top: -26px !important;
        }

        select.classic {
            background-image: linear-gradient(45deg, transparent 50%, #009deb 50%), linear-gradient(135deg, #009deb 50%, transparent 50%), linear-gradient(to right, #009deb, #009deb);
            background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
            background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
            background-repeat: no-repeat;
            margin-bottom: 18px;
        }

        .md-mssage-circle {
            margin-bottom: 69px !important;
        }

        .about-res {
            position: relative;
            top: 23px;
        }

        .over-view-circle {
            position: relative !important;
            bottom: 18px !important;
            margin-top: 0px !important;
        }

        .tab-content h3 {
            color: #000;
            margin-top: -2px;
            margin-bottom: 14px;
        }

        .tab-box {
            padding: 0px;
            background: #ffffff;
            border: 25px solid #ade8ff;
        }

        .cmi-news {
            margin-top: 14px;
        }

        .social-nav li {
            float: left;
            margin: 10px 0 0 26px;
            list-style: none;
        }

        .spacing {
            padding: 0px 15px;
        }

        .listing h3 {
            text-transform: uppercase;
            font-size: 22px;
            font-family: 'RobotoCondensed-Bold';
            margin-top: 0px;
        }

        .listing-content-right .btn-info {
            color: #fff;
            background-color: #5BC0DC;
            border-color: #46b8da;
            float: left;
            margin-left: 32px;
            margin-top: -33px;
        }

        .show-hide {
            margin-bottom: 0px;
            border-bottom: 2px solid #c9c9c9;
            position: relative;
            bottom: 9px;
        }

        .listing-content p {
            position: relative;
            top: 4px;
            font-size: 14px;
            color: #727272;
        }

        .bg-color {
            padding: 0px;
            background: #ade8ff !important;
        }

        .social-nav {
            padding: 10px 47PX;
            list-style: none;
            margin: -10px 0 0 -10px;
        }

        .other-link-res {
            margin-top: -99px;
        }

        footer {
            background-color: #f5f5f5;
            display: block;
            width: 100%;
            float: left;
            margin: 0;
            font-family: 'RobotoCondensed-Regular';
            color: #565656;
        }

        .sidebar-nav i {
            margin-left: 5px;
            margin-top: 6px;
        }

        .stellarnav.mobile {
            position: static;
            text-align: center;
        }

        .logo {
            margin: 17px 114px 0;
            width: 48%;
        }

        .banner {
            z-index: 999;
            margin-top: 0px;
        }

        .custom-search-form {
            /* margin-top: -33px; */
            /* width: 384px; */
            /* float: right; */
            padding-left: 0px;
        }



        .trending-now {
            background: antiquewhite;
            position: relative;
            background-position: center bottom;
            background-size: cover;
            padding: 0px 0 0 0;
            width: 100%;
            background-repeat: no-repeat;
            /* top: 500px; */
            float: left;
        }


        .circle-3 {
            margin: auto;
            width: 100%;
            padding-top: 22px;
            bottom: 36px;
            position: relative;
            margin-top: 81px;
            left: -20px !important;
        }

        .video_bg_box {
            width: 100%;
            float: left;
            margin: -117px 0 0 0;
            padding: 100px 0 0 0;
            background: #d2e8e1;
        }

        span.cta.light, button.cta.light, a.cta.light, input[type=submit].cta.light {
            background-color: #f5f5f5;
            border: 1px solid #f5f5f5;
            position: relative !important;
            bottom: 0px !important;
            right: -250px !important;
        }


        .testimonial .text-brand {
            background-image: url(../images/comment.png);
            background-repeat: no-repeat;
            background-size: contain;
            width: 309px;
            height: 244px;
            padding: 19px 54px;
            font-size: 10px;
        }

        .testimonial .img-circle {
            position: absolute;
            width: 46px;
            bottom: 94px;
            left: 43px;
        }

        .testimonial .quoting-person {
            position: absolute;
            width: 86px;
            bottom: 94px;
            left: 115px;
        }

        .thin input[type=image] {
            padding: 8px 5px;
            border: 1px solid #aaa;
            margin: 8px 0;
            width: 100%;
        }

        .vertical-align {
            position: absolute;
            top: 60% !important;
            transform: translateY(-50%);
            width: 100% !important;
        }

        .slider-ac {
            width: 29%;
            margin-top: 55px;
        }

        .slider-img {
            width: 77%;
            margin-top: 235px;
        }

        .supiriya-bg {
            background: rgba(0, 174, 239, 0.11);
            display: block;
            padding: 3px 25px 15px 25px;
            margin-top: 95px;
        }

        .catalog a {
            background: #00aeef;
            font-size: 18px;
            margin: 15px 0 5px 0;
            padding: 3px 8px;
            color: #fff;
            font-family: 'RobotoCondensed-Bold';
            width: 100%;
            display: block;
            line-height: 15px;
        }

        .copyright ul {
            margin-bottom: 0;
            text-align: -webkit-center;
        }

        .Branch-heading ul li a {
            text-decoration: none;
            display: block;
            color: #000;
            font-size: 13px;
            width: 260px;
            margin-bottom: 2px;
        }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: #555;
            cursor: default;
            background-color: #ade8ff;
            /* border: 1px solid #ddd; */
            border-bottom-color: transparent;
            width: 260px;
            margin-bottom: 2px;
        }

        footer .border {
            border-left: none;
            border-right: none;
        }

        .bg-Customer ul li a {
            float: left;
            padding: 7px 3px;
            font-size: 9px;
            color: #78746a;
        }

        .Customer-box span {
            font-size: 15px;
            color: #464646;
            position: relative;
            left: 25px;
        }

        .e-waste-box {
            padding: 32px 28px;
            background: #bde7fb;
            max-height: 400px;
        }

        .button-3 {
            line-height: normal;
            PADDING: 9PX 6PX 13PX 7PX;
            BACKGROUND: #1b478a !important;
            BORDER: NONE;
            COLOR: WHITE;
            BORDER-RADIUS: 10PX;
            FONT-SIZE: 12PX;
            MARGIN-TOP: 37PX;
            margin: 0 auto;
            display: inherit;
        }

        .button-2 {
            line-height: normal;
            PADDING: 8PX 11PX 11PX 11PX;
            BACKGROUND: #1b478a !important;
            BORDER: NONE;
            COLOR: WHITE;
            BORDER-RADIUS: 10PX;
            FONT-SIZE: 11PX;
            MARGIN-TOP: 37PX;
        }

        .banner-text {
            background-image: url(../images/video-banner.png);
            background-repeat: no-repeat;
            padding: 0px 0px;
        }

        .row-eq-height {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: block;
        }

        .green-bg {
            background-color: #c0ffba;
            padding: 15px 20px;
            line-height: 30px;
            margin-top: 0px;
        }

        .testimonial {
            background-color: #fff;
            padding: 0px;
            position: relative;
            bottom: 0px
        }

        .Branch-box {
            background: #bde7fb;
            border: 9px solid white;
            height: 212px;
        }

        .trending-now p {
            text-align: center;
            font-size: 13px !important;
            font-family: 'Roboto-Medium';
        }

        .navbar-static-top {
            z-index: 1000;
            border-width: 0 0 1px;
            background: none !important;
        }

        .cmi-news select {
            padding: 4px 11px;
            width: 100%;
            color: black;
            border-radius: 25px;
        }

        .tab-3 .nav-tabss > li > a, .nav-tabss > li > a:hover {
            border: none;
            background: #c0ffb9;
            color: #000 !important;
            padding: 19px 0px;
            font-size: 10px;
        }

        mi-news-img i {
            background: white;
            padding: 12px;
            color: black;
            border-radius: 7px;
            font-size: 15px;
            position: relative;
            bottom: 0px;
        }


        .cmi-news-img i {
            background: white;
            padding: 9px;
            color: black;
            border-radius: 7px;
            font-size: 15px;
            position: relative;
            bottom: -10px;
            left: -37px;
        }

        .ss-row {
            width: 100%;
            clear: both;
            float: left;
            position: relative;
            padding: 0px !important;
        }

        .ss-container h3 {
            width: 373px;
            padding: 11px 15px;
            background: #009deb;
        }

        .ss-right i {
            position: relative;
            right: -291px !important;
            top: 30px;
        }


        .ss-container h3 {
            width: 376px !important;
            padding: 11px 15px;
            background: #009deb;
        }

        .ss-left i {
            position: relative;
            right: 294px !important;
            top: 28px;
        }

        .ss-container::before {
            position: absolute;
            width: 0px;
            background: none !important;
            top: 0px;
            left: 50%;
            margin-left: -2px;
            content: '';
            height: 100%;
        }

        .ss-container:after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: 64px;
            transform: translateX(-50%);
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: none !important;
            border: none !important;
        }


        .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
            max-width: 100%;
            height: auto;
            margin: 0 auto !important;
            display: block;
            margin-top: 15px !important;
        }

        .ss-container h3 span {
            color: #fff;
            font-size: 28px;
            display: block;
            position: relative;
            bottom: 84px;
            left: -5px;
        }

        .Check-Status-but {
            display: inline-block;
            height: 46px;
            padding: 0px 13px 1px 5px !important;
            color: #fff;
            text-align: center;
            font-size: 8px;
            font-weight: 600;
            line-height: 38px;
            letter-spacing: .1rem;
            text-transform: uppercase;
            text-decoration: none;
            white-space: nowrap;
            background-color: red;
            border: none;
            cursor: pointer;
            box-sizing: border-box;
            margin-right: 18px;
            position: relative;
            left: 15px;
        }

        .modal-body {
            position: relative;
            padding: 14px;
        }


        .circle-top {
            margin-top: -80px;
            width: 100%;
            float: left;
            margin-left: -19px;
            position: relative;
            bottom: -69px;
        }


        .social-icon {
            position: relative;
            left: 27px;
            margin-top: 15px;
        }

        .dekstop-display {
            display: none;
        }

        .responsive-display {
            display: block;
        }

        #sidebar-wrapper {
            z-index: 9999;
            left: 220px;
            width: 0;
            height: 100%;
            margin-left: -220px;
            overflow-y: auto;
            overflow-x: hidden;
            background: #008ac6;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
    }






    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {

        .modal-dialog1 {
            width: 372px;
            margin: 30px auto;
        }

        .camipro {
            background-color: #d2e8e1;
            border-radius: 3px;
            padding: 2px;
            margin-bottom: 40px;
            margin-top: 10px;
            text-align: center;
            width: 100%;
            float: left;
            color: #354046 !important;
            height: 545px !important;
        }

        .manufacturing-circel {
            margin-bottom: 71px;
        }

        .warrenty-disply {
            display: inline !important;
        }

        .warrenty-slider .carousel-control {
            position: absolute;
            top: -137px;
            bottom: 0;
            left: 0;
            width: 15%;
            font-size: 20px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
            background-color: rgba(0, 0, 0, 0);
            filter: alpha(opacity=50);
            opacity: .5;
        }

        .circle-top {
            margin-top: -80px;
            width: 110%;
            float: left;
            margin-left: -38px;
            position: relative;
            bottom: -69px;
        }

        .logo {
            margin: 17px 114px 0;
            width: 48%;
            z-index: 999;
        }

        .circle-3 {
            margin: auto;
            width: 109%;
            padding-top: 22px;
            bottom: 36px;
            position: relative;
            margin-top: 81px;
            left: -39px !important;
        }

        /****side-bar*/
        .sidebar img {
            height: initial;
        }

        .sidebar {
            position: initial;
            width: 100%;
            height: initial;
        }

        .content {
            width: 100%;
        }

        .banner-content {
            position: absolute;
            width: 100%;
            height: auto;
            background-color: rgba(12,12,12,0.5);
            color: #fff !important;
            padding: 2em 0 0 0;
            z-index: auto;
            bottom: 0;
            display: none;
        }
        /****side-bar*/

        /***footer-slider****/
        .testimonial {
            background-color: #fff;
            padding: 0px;
            position: relative;
            bottom: -52px;
            clear: both;
        }

        .row-eq-height .carousel {
            position: relative;
            width: 100%;
            float: left;
            margin-bottom: -45px;
        }
        /***footer-slider****/

        .social-nav li {
            float: left;
            margin: 12px 0px 7px 16px;
            list-style: none;
        }

        .md-msg-head1 {
            font-size: 20px;
        }

        .stellarnav li li {
            display: block;
            padding: 12px 0px 0px 0px;
            border-bottom: 1px solid black;
        }

        #sidebar-wrapper {
            z-index: 9999;
            left: 220px;
            width: 0;
            height: 100%;
            margin-left: -220px;
            overflow-y: auto;
            overflow-x: hidden;
            background: #008ac6;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .life-cmi-link {
            color: #ccc;
            border-radius: 25px;
            padding: 3px 10px 5px 10px;
            font-size: 10px;
            border: 1px solid #adadad;
            display: inline-block;
        }

            .life-cmi-link:hover {
                background: #009deb;
                color: #000;
                border-radius: 25px;
                padding: 3px 10px 5px 10px;
                font-size: 10px;
                border: 1px solid #adadad;
                display: inline-block;
            }

        .life-cmi h3 {
            text-align: center;
            color: #626261;
            font-family: 'RobotoCondensed-Regular';
            font-size: 18px;
        }

        .life-cmi-text h2 {
            text-align: center;
            color: #736e6e;
            font-family: 'Roboto-Bold';
            font-size: 20px;
        }

        .life-cmi-button {
            background: #009deb;
            padding: 10px 40px 10px 40px;
            margin: 12px auto;
            display: block;
            COLOR: white;
            font-size: 13px;
            border: none;
            border-radius: 12px;
        }

        .tab-3 .nav-tabss > li > a, .nav-tabss > li > a:hover {
            border: none;
            background: #c0ffb9;
            color: #000 !important;
            padding: 20px 1px;
            font-size: 9px;
        }





@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
            .card {
                background: #FFF none repeat scroll 0% 0%;
                MARGIN: 30PX 0PX 16PX 14PX;
            }
        }
    




    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
        .card {
            background: #FFF none repeat scroll 0% 0%;
            MARGIN: 30PX 0PX 16PX 14PX;
        }

        .modal-dialog1 {
            width: 372px;
            margin: 30px auto;
        }
    }