.video-section-damcarpet{
    width:50vw;
    margin:100px auto 70px auto;
}
.service-section .single-item {
    height:60vh;
}
.title-heading{
    font-size:40px;
    color:#fff;
    font-weight:700;
}
.about-section{
    padding:120px 0 25px 0;
}

    .switcher .switch_btn{
        display:none;
    }
    
    @media only screen and (min-width: 1px) and (max-width: 767px) {
        .theme_menu.stricky-fixed{
            position:relative !important;
        }
        .title-heading{
    font-size:30px;
  
}
        .service-section .single-item {
    height:54vh;
}
        .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;
}

* {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 {
  position: absolute;
  z-index:9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  opacity: 0.7;
  border-radius: 50%;
}

	
		 .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;
                }
        }