.custom-mobile-call-btn {
    display: none;
}
html,body{
    overflow-x:hidden;
}

#mybutton {
  position: fixed;
  bottom: 13px;
  right: 149px;
  z-index:100;
  display:none;
}

#myTopnav{
    padding:6px;
    display:none;
}
.video-section-damcarpet{
    width:50vw;
    margin:0 auto 70px auto;
}
.service-section .single-item {
    height:60vh;
}

    .switcher .switch_btn{
        display:none;
    }
    
       .tooltiptext {
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 8px;
    right: 120%
}

		.feedback {
  background-color : #31B0D5;
  color: white;
  padding: 20px 20px;
  width:61px;
  height:61px;
  border-radius: 50%;
  font-size:24px;
  border-color: #46b8da;
}

.tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent black;
}
    
    @media only screen and (min-width: 1px) and (max-width: 767px) {
        
              	#mybutton {
    position: fixed;
    bottom: 2vh;
    right:149px;
    z-index: 100;
}
 
        
        .service-section .single-item {
    height:64vh;
}
        .video-section-damcarpet {
            width:90vw;
}
        .banner-heading-damcarpet{
            font-size:30px !important;
        }
        .img-comp-img img{
            width:100% !important ;
        }
        
        .img-comp-container {
  height: 300px !important; 
}
.cta-section {
padding: 60px 0px 60px 0px;

}
.main-slider .slider-wrapper{
    height:65vh !important;
}
.main-menu .navbar-header{
    display:flex;
    justify-content:center;
}
.logo-box{
    height:26px !important;
}

}

.video-container {
    border-radius:15px;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; 
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.testing-services{
    height: 180px;
    background-color: #fff;
    padding: 40px 0 40px 0;
  margin: 16px 8px 11px 8px;
    border-radius: 10px;
  
    text-align: center;
    transition: background-color 0.5s ease;

}
.testing-services:hover{
    background-color:#ff662a;
    color:#fff;
}

.testing-services-text:hover{
    color:#fff;
}


.testing-services-text{
    font-size:17px;
    font-weight:600;
    color:#000;
}
.testing-services i{
    font-size:30px;
}
.main-row-services .text-white h2{
    color:#fff;
}
.main-row-services{
    padding:80px 30px 110px 30px;
}

.icon-blue-damcarpet:before{
    font-size:47px;
    color:#1fc6c7;
    margin-left:0px !important;
}

.text-section{
    text-align:center;
    color:#fff;
}
.text-white{
    color:#fff;
}
.our-services-dam-carpet-wash{
    margin:10px 0 10px 0;
     transition: box-shadow 0.5s;
    border:1px solid #ececec;
    padding:20px;
   
}

.our-services-dam-carpet-wash1{
    margin:10px 0 10px 0;
    padding:20px;
   
}

.our-services-dam-carpet-wash:hover{
  box-shadow:0 12px 21px #e2e2e2;
  border:1px solid #fff;
}

.icon-service-damcarpet:before{
     font-size: 32px;
    color: #1fc6c7;
    padding: 20px;
    border-radius: 100%;
    background-color: aliceblue;
    margin-left: 0px !important;
    
}

.icon-service-damcarpet1:before{
     font-size: 45px;
    color: #1fc6c7;
    padding: 20px;
    margin-left: 0px !important;
    
}

.main-row-services-icons-damcarpet{
    width:80%;
    margin:auto;
        padding: 80px 30px 110px 30px;
}
.flex-row-damcarpet{
   display: flex;
    justify-content: center;
    align-items: center;
    
}
.mx-left{
    margin-left:10px;
}

.mx-left-text-damcarpet{
    color:#292571;
    font-size:20px;
    font-weight:600;
}

.topnav {
  overflow: hidden;
  background-color: #fff;
}

.topnav a {
  float: left;
  display: block;
  color: #3ecebe;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}


.topnav .icon {
  display: none;
}

.dropdown-mobile-menu {
  float: left;
  overflow: hidden;
}

.dropdown-mobile-menu .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: #3ecebe;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content-mobile-mobile {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content-mobile-mobile a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown-mobile-menu:hover .dropbtn {

  color: #3ecebe;
}

.dropdown-content-mobile-mobile a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown-mobile-menu:hover .dropdown-content-mobile-mobile {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown-mobile-menu .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown-mobile-menu {float: none;}
  .topnav.responsive .dropdown-content-mobile-mobile {position: relative;}
  .topnav.responsive .dropdown-mobile-menu .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
.logo-class{
width:20%;

}
.text-image-logo{

position:absolute;
top:29px;
left:91px;


}


@media only screen and (min-width:360px) and (max-width:768px){
    
    .icon-blue-damcarpet:before{
    font-size:35px;
  
}
    
    .testing-services-text{
        padding-left:10px;
    }
    .testing-services{
        height:110px;
        display:flex;
        align-items: center;
        text-align:left;
        padding: 40px 25px 40px 30px;
    }
    
    .custom-mobile-call-btn {
    display: block !important;
    margin-bottom:35px;
}
    
    .about-section{
        padding:49px 0 43px 0 !important;
    }
    
    .cta-section-custom-damcarpet{
        margin:25px 0 0 0 !important;
    }
    
    .services-custom-section-damcarpet{
        margin:12px 0 25px 0 !important;
    }
    
    .faq-section{
        padding:61px 0 22px 0;
    }
    
    .cutom-testimonial-section-matt{
        margin:0 !important;
    }
    
    .section-our-work-dam {
 padding:35px 0 33px 0;
}
    
    .testimonials-section {
    padding: 65px 0 !important;
}
    
    .we-work .single-item .text {
    font-size: 18px !important;
    margin-top: 13px;
}
    
    .we-work .single-item .icon-box {
    margin: auto;
    width: 100px !important;
    height: 100px !important;
    line-height: 105px !important;
}
    
    .we-work {
    padding: 80px 0 80px 0;
    background-image: linear-gradient(#000000,#00000096) !important;
}
    
    .btn-one{
        padding:8px 20px 8px 20px !important;
    }
    
    
    h1 {
    font-size: 30px !important;
}
    
    .flex-row-damcarpet {
    justify-content: start !important;
}
    
    h2 {
    font-size: 28px !important;
    line-height: 30px !important;
    font-weight: 600 !important;
    margin-bottom: 23px !important;
}
    
        #myTopnav{
    display:block !important;
}
  
    .main-header {
    display: none;
}
    .flex-row-sofa{
   flex-wrap:wrap;

    
}
    .our-services-dam-carpet-wash-left{
        text-align:center;
    }
    .our-services-dam-carpet-wash-right{
         text-align:center;
    }
    .service-text-align-right{
        text-align:center !important;
    }
    .our-services-dam-carpet-wash1-right{
        text-align:center;
    }
    .our-services-men-section{
        flex-wrap:wrap;
    }
    .main-row-services-icons-damcarpet{
        width:100% !important;
        padding:65px 30px 61px 30px !important;
    }
}

.text-yellow{
    color:yellow;
}
.mx-left-service{
    margin-left:10px;
}
.mx-left-service-text-dam{
    font-size: 18px;
    font-weight: 600;
}
.mx-left-service span{
    font-size: 22px;
    font-weight: 600;
}

.service-image-men-damcarpet{
    width:90%;
    display:block;
    margin:auto;
}
.service-text-align-right{
    text-align:right;
}
.our-services-text-damcarpet{
    font-size:20px;
    font-weight:600;
    color:#000;
}

.our-services-men-section{
    display:flex;
    align-items:center;
    justify-content:center;
}
.cta-section-custom-damcarpet{
        position: relative;
  margin:100px 0 100px 0;
  padding:110px 0px 110px 0px !important;
}
.services-custom-section-damcarpet{
    margin:0 0 100px 0;
}
.flex-row-sofa{
    display:flex;
    align-items:center;

    
}
.cutom-testimonial-section-matt{
    margin:100px 0 0 0;
}

.logo-class{
    width:20%;
   
}

.hide-mobile-logo{
   margin-left: 7px;
}

.mobile-logo-text{
    display:none;
}

.lang-logo-dam-carpet{
    position:absolute;
    top: 10px;
    color: red;
}



@media (min-width: 1025px) and (max-width: 2600px) {
.logo-box1{
 font-size: 25px;
 color: #337ab7;
}
}

@media only screen and (min-width:367px) and (max-width:768px){
    .mobile-lang-logo-dam-carpet{
        color:red;
        text-align:center;
    }
    .hide-mobile-logo{
   display:none;
}
.mobile-logo-text{
    width:235px !important;
    text-align:center;
    color:#3ecebe;
    height:47px !important;
    display:block !important;
    margin:15px auto 50px auto !important;
}
.text-logo-show{
    margin:8px 0 8px 0;
}
}

.logo-box1{
  color: #337ab7;
}

.logo-class-footer{
    padding-left: 15px;
    width:32%;
}

* {box-sizing: border-box;}

.img-comp-container {
  position: relative;
  height: 200px; /*should be the same height as the images*/
}

.img-comp-img {
  position: absolute;
  width: auto;
  height: auto;
  overflow:hidden;
}

.img-comp-img img {
  display:block;
  vertical-align:middle;
}

.img-comp-slider {
     padding: 18px 2px 0px 1px;
    position: absolute;
    z-index: 9;
    cursor: ew-resize;
    width: 65px;
    height: 65px;
    background-color: #2196F3;
    opacity: 0.7;
    border-radius: 50%;
}
.swipe-arrow {
    color: #fff;
}

	
		 .sidebar-contact {
             position: fixed;
             top: 50%;
             right: -350px;
             transform: translateY(-50%);
             width: 350px;
             height: auto;
             padding: 40px;
             background: #fff;
             box-shadow: 0 20px 50px rgba(0,0,0,.5);
             box-sizing: border-box;
             transition: 0.5s;
             z-index:99999;
         }

             .sidebar-contact.active {
                 right: 0;
             }

             .sidebar-contact input,
             .sidebar-contact textarea {
                 width: 100%;
                 height: 36px;
                 padding: 5px;
                 margin-bottom: 10px;
                 box-sizing: border-box;
                 border: 1px solid rgba(0,0,0,.5);
                 outline: none;
             }

             .sidebar-contact h2 {
                 margin: 0 0 20px;
                 padding: 0;
             }

             .sidebar-contact textarea {
                 height: 60px;
                 resize: none;
             }

             .sidebar-contact input[type="submit"] {
                 background: #00bcd4;
                 color: #fff;
                 cursor: pointer;
                 border: none;
                 font-size: 18px;
             }

        .toggle {
            position: absolute;
            height: 160px;
            width: 48px;
            text-align: center;
            cursor: pointer;
           transform:rotate(180deg);
            top: 0;
            right: 100%;
            background: transparent url('https://3.bp.blogspot.com/-gvfHlb6JnY4/VPnwlkELmhI/AAAAAAAAKDU/9lgOeCd279E/s1600/contact-button.png') no-repeat; line-height: 48px;
        }
        .elig_form1 {
            visibilty:visible;
            height: 97%;
            width: 100% !important;
            border:1px solid transparent !important
        }
             .toggle:before {
                
                 font-family: fontAwesome;
                 font-size: 18px;
                 color: #fff;
                 display: inline-block;
                 white-space: nowrap;
                 /* this is for shity "non IE" browsers
        that dosn't support writing-mode */
                 -webkit-transform: translate(1.1em,0) rotate(90deg);
                 -moz-transform: translate(1.1em,0) rotate(90deg);
                 -o-transform: translate(1.1em,0) rotate(90deg);
                 transform: translate(1.1em,0) rotate(90deg);
                 -webkit-transform-origin: 0 0;
                 -moz-transform-origin: 0 0;
                 -o-transform-origin: 0 0;
                 transform-origin: 0 0;
                 /* IE9+ */
                 -ms-transform: none;
                 -ms-transform-origin: none;
                 /* IE8+ */
                 -ms-writing-mode: tb-rl;
                 /* IE7 and below */
                 *writing-mode: tb-rl;
             }

         }

         .toggle.active:before {
             content: '';
         }

        @media(max-width:768px) {
            
            .custom-group{
                margin-right:0px !important;
                margin-left:0px !important;
            }
            .sidebar-contact {
                width: 100%;
                height: 100%;
                right: -100%;
                top: 50%;
            }

            .elig_form1 {
                height: 100%;
                width: 100% !important;
            }

            .sidebar-contact .toggle {
                top: 50%;
                transform: translateY(50%);
                transition: 0.5s;
            }

           

            .sidebar-contact.active .toggle {
                top: 50%;
                right: 0;
                transform: translateY(0);
            }

            .scroll {
                width: 100%;
                height: 100%;
                overflow-y: auto;
            }

            .content {
                padding: 50px 50px;
            }

            .toggle {
                position: absolute;
                height: 160px;
                width: 60px;
                text-align: center;
                cursor: pointer;
                transform: rotate(180deg) !important;
                top: 0;
                right: 100%;
                background: transparent url('https://3.bp.blogspot.com/-gvfHlb6JnY4/VPnwlkELmhI/AAAAAAAAKDU/9lgOeCd279E/s1600/contact-button.png') no-repeat;
                line-height: 48px;
            }

                .toggle:before {
                   
                    font-family: fontAwesome;
                    font-size: 18px;
                    color: #fff;
                    display: inline-block;
                    white-space: nowrap;
                    /* this is for shity "non IE" browsers
        that dosn't support writing-mode */
                    -webkit-transform: translate(1.1em,0) rotate(90deg);
                    -moz-transform: translate(1.1em,0) rotate(90deg);
                    -o-transform: translate(1.1em,0) rotate(90deg);
                    transform: translate(1.1em,0) rotate(90deg);
                    -webkit-transform-origin: 0 0;
                    -moz-transform-origin: 0 0;
                    -o-transform-origin: 0 0;
                    transform-origin: 0 0;
                    /* IE9+ */
                    -ms-transform: none;
                    -ms-transform-origin: none;
                    /* IE8+ */
                    -ms-writing-mode: tb-rl;
                    /* IE7 and below */
                    *writing-mode: tb-rl;
                }
        }

         }
         
         .float{
	position:fixed;
	width:60px;
	height:60px;
	bottom: 15px;
    right: 35px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}