<--Resposiveheader-->

@media only screen and (max-width: 767px) {
  .navbar-brand{height:auto;padding:0}
    .site-header .navbar-brand img {
        width:auto;
        max-height:70px;
        margin-top: -10px;
    }
    
    .topbar {
		  display: block;
	}
    
    .social {
        display: none;
    }
    
    .mob {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
}

<--Resposiveheader-->

<--Slider-->

   .showSlide {  
            display: none  
        }  
            .showSlide img {  
                width: 100%;  
            }  
        .slidercontainer {  
            max-width: full;  
            position: relative;  
            margin: auto;  
        }  
        .left, .right {  
            cursor: pointer;  
            position: absolute;  
            top: 50%;  
            width: auto;  
            padding: 16px;  
            margin-top: -22px;  
            color: white;  
            font-weight: bold;  
            font-size: 18px;  
            transition: 0.6s ease;  
            border-radius: 0 3px 3px 0;  
        }  
        .right {  
            right: 0;  
            border-radius: 3px 0 0 3px;  
        }  
            .left:hover, .right:hover {  
                background-color: rgba(115, 115, 115, 0.8);  
            }  
        .content2 {  
            color: #eff5d4;
            font-size: 30px;  
            padding: 8px 12px;
            position: absolute;  
            top: 40%;
            width: 100%;  
            text-align: center;  
        }  
        .active {  
            background-color: #;  
        }  
        /* Fading animation */  
        .effect {  
            -webkit-animation-name: ripple;  
            -webkit-animation-duration: 5.0s;  
            animation-name: ripple;  
            animation-duration: 5.0s;  
        }  
        @-webkit-keyframes ripple {
    0% {
        transform: scale(1.02);
        opacity: 0.80;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}  
  
        @keyframes ripple {
    0% {
        transform: scale(1.02);
        opacity: 0.80;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

<--Slider-->

<--Call-button-->
.call-fix{ position:fixed; bottom:0px; right:20px; background:#dc0a0f; padding:3px 10px; z-index:99999; color:#fff; font-size:20px; font-weight:500; border-radius:5px 5px 0 0;}
   
.cp-widget-button {
	display: inline-block;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 999999;
}

.cp-widget-button img {
	width:75%;
	margin-top:2px;
}

.cp-widget-button__inner {
	height: 50px;
	width: 50px;
	/* line-height: 50px;*/
	background:blue;
	border-radius: 50%;
	
	text-align: center;
	cursor: pointer;
	padding: 18%;

}


.cp-widget-button__inner {
	animation: bounce 2s infinite alternate;
	-webkit-animation: bounce 2s infinite alternate;
} 
<--Call-button-->