/*.c-no{height:150px;}
.grey-bg{background:#ebebeb;}
.counter-Txt{text-align:center; font-size:20px; font-weight:bold; text-transform:uppercase; margin-top:20px;}
.counter-Txt span{display:block; font-size:36px}
@media(min-width:320px) and (max-width:767px){ 
.c-no{height:100%;}
.counter-Txt{margin-top:35px;}
.margin-bot-35{margin-bottom:35px;}
}*/



/* // case study // */

#hwb{padding: 0}


.hero-white-banner{}

.hero-white-banner-box{}

.hero-white-banner .hwbep{margin-top: 3rem;
margin-bottom: 3rem;}

.hero-white-banner-box img{width: 80%;}

.hero-white-banner-box p{ margin-bottom: 0;}

.hero-white-banner-box p span{font-weight: 700;
    font-size: 1.3rem;}

.hero-white-banner-box p a{
	color: #000;
	font-size:25px;
	margin: 0 5px;
}
.hero-white-banner-box p a:hover{
	opacity: 0.7;
	color: #808080;
}

.dark{}

hr.dark {
	    margin-bottom: 0;
	margin-top: 0;
    max-width: 1200px;
    width: 100%;
    border-width: 1px;
    border-color: #808080;
}

#intro h2 {
    font-size: 60px !important;
}

.section-heading-2 {font-size: 40px !important;}
.section-heading-3 {font-size: 60px !important;
margin-bottom: 3rem;}
.section-heading-4 {font-size: 60px !important;}

#intro p.section-intro{font-weight: 700; font-size: 20px;}

#esher{padding: 3rem 0 0 0px;}

#esher .text{margin-bottom: 3rem; }

#esher .text img{ display: block; margin-bottom: 7px;}

#esher .photo img{
	width: 100%;
	max-width: 300px;
	margin: auto;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;}

#esher-2{ padding: 3rem 0; }
#esher-2 img{    display: block; margin-bottom: 7px;}

#esher p span, #esher-2 p span{font-weight: 700;}

#results{padding: 3rem 0;}
#results .result-box{text-align: left;}
#results .result-box-1{}
#results .result-box p{font-weight: 700; font-size: 20px;}
#results .result-box h4{ font-weight: 700; /*font-size: 70px*/ font-size: 4rem;}


.cont-750{
	max-width: 750px !important;
	margin: auto;
}



/*  //  case study boxes home page  //  */

#cases-box{

}
#cases-box .case-text{ margin-bottom: 1rem; padding: 0;}

#cases-box .case-thumb{
	padding: 0;
    border: solid 1px #80808050;
    -webkit-box-shadow: 0px 10px 20px 0px rgb(128 128 128 / 20%);
    -moz-box-shadow: 0px 10px 20px 0px rgb(128 128 128 / 20%);
    box-shadow: 0px 10px 20px 0px rgb(128 128 128 / 20%);
}

#cases-box .case-thumb:hover{
	opacity: 1;
	text-decoration:none;
}

#cases-box .case-thumb .ct-r:hover{
	opacity: 0.7;
	text-decoration:none;
}

#cases-box .case-thumb .ct-r:hover p.tdhu{
	text-decoration: underline;
	text-decoration-color: #fff;
}


#cases-box .case-thumb .ct-l{ text-align: center; padding:1.5rem;}
#cases-box .case-thumb .ct-l img{width: 70%;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;}
#cases-box .case-thumb .ct-r{padding:3rem 2rem;}
#cases-box .case-thumb .ct-r .ct-r-text p{ margin: 0; font-weight: 700; font-size: 20px;}
#cases-box .case-thumb .ct-r .ct-r-text p.ctrtt { font-size:12px; margin-bottom: 1rem; margin-top: 3rem;}
#cases-box .case-thumb .ct-r .ct-r-button {margin-top: 3rem;}
#cases-box .case-thumb .ct-r .ct-r-button p{font-size: 12px; font-weight: 700; margin: 0;}
#cases-box .case-thumb .ct-r .ct-r-button p i{font-size: 17px;     vertical-align: middle;}
#cases-box .case-thumb .ct-r .ct-r-button p a{ color: #00e5ba;}
#cases-box .case-thumb .ct-r .ct-r-button p a:hover{ opacity: 0.7; text-decoration: none;}

@media (max-width: 991px){
	
	.visible-sm,
	#hwb{
    display: block!important;
}
	
}

@media (max-width: 823px){
	
	
}

@media (max-width:768px){
	
	/*#results .result-box-1{ 
	margin-top: 2rem!important }*/
	hr.dark {
    width: 95%;
	}
}


@media (max-width:767px){
	
	#esher .photo{
	margin: auto;
}
	
	#esher .photo img{
	
	position: inherit;}
	
	
	.case-thumb {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
}
	
	#cases-box .case-thumb .ct-l img {
    width: 70%;
    position: relative;
		margin: 3rem;

}
	
}

@media (max-width: 731px)
{
	header.casestud .case-study h1.visible-sm {font-size: 60px;
}}


@media (max-width: 639px){header.casestud .case-study h1.visible-sm {
    font-size: 40px;
}}



@media (max-width:575px){
	#intro h2 {
    font-size: 50px !important;
}
	#hwb .hero-white-banner .hwbb-2{ margin-top: 20px;}
	
	#results .result-box-1 {
    margin-top: 1rem;
}
}

@media (max-width:568px){
	
	/*esher .photo img{ width: 70%;}*/
	.hero-white-banner-box img {
    width: 50%;
}
}

@media (max-width:414px){
	
hr.dark {
    width: 90%;
	}
	.section-heading-2 {
    font-size: 30px !important;
}
}

@media (max-width:375px){
	
	/*.hero-white-banner-box img {
    width: 80%;
}*/
	
	.section-heading-4 {
    font-size: 40px !important;
}
}