/* ------------------ Start TT - CMS Subbanner block --------------------- */
#ttcmssubbanner {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 80px;
}

#ttcmssubbanner .ttcmssubbanner {
    text-align: center;
	 position: relative;
    
}
#ttcmssubbanner .ttsubbanner {
    position: relative;
	    cursor: pointer;
}
#ttcmssubbanner .subbanner-content {
    position: absolute;
	top: 0;
	bottom: 0;
	width: auto;
	text-align: center;
	display: flex;
	align-items: center;
	left: 0;
	right: 0;
}
#ttcmssubbanner .ttsubbanner-content {
    float: left;
    width: 100%;
}
#ttcmssubbanner h2 {
    font: 700 36px/38px 'Montserrat', sans-serif;
    text-transform: capitalize;
    color: #fff;
    letter-spacing: 1px;
    margin: 0 0 20px;
}
#ttcmssubbanner .sub-banner-btn {
    font: 500 16px/25px "poppins", sans-serif;
    color: #4f4038;
    background: #fff;
    display: inline-block;
    padding: 10px 22px;
	transition:all 0.5s ease;
	
}

#ttcmssubbanner .ttsubbanner a {
    display: block;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
#ttcmssubbanner .ttcmssubbanner a::before {
    background: 
    rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
	   
}

#ttcmssubbanner .ttcmssubbanner:hover a::before {
    z-index:9;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition-duration: 1s;
    -moz-transition-duration: 1s;
    -webkit-transition-duration: 1s;
    -khtml-transition-duration: 1s;
    -o-transition-duration: 1s;
    opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;

}
@media(max-width: 1200px){
    #ttcmssubbanner h2{
	font-size:30px;
	
	}
	#ttcmssubbanner .sub-banner-btn{
	padding:6px 16px;
	font-size:14px;
	}
	
}
@media(max-width: 991px){
     #ttcmssubbanner h2{
	    font-size: 25px;
        line-height: 30px;
		    margin: 0 0 10px;
	    
	}
	#ttcmssubbanner .sub-banner-btn{
	   padding:3px 10px;
	   font-size:12px;
	}
	
    
}
@media(max-width: 1199px){
    #ttcmssubbanner{
        margin: 0 0 60px;
    }
	
}
@media(max-width: 767px){
    #ttcmssubbanner{
         margin: 0 0 40px;
    }
	
	#ttcmssubbanner h2{
	   font-size: 20px;
       line-height: 22px;
	}
	#ttcmssubbanner .sub-banner-btn {
    padding: 0 10px;
    font-size: 12px;
	margin:0;
}
}
@media(max-width: 600px){
   
	#ttcmssubbanner h2 {
		font-size: 18px;
		line-height: 20px;
   }
   
	
}
@media(max-width: 543px){

	 #ttcmssubbanner{
         margin: 0 0 30px;
    }
   #ttcmssubbanner .ttcmssubbanner:hover a::before{
   display:none;
   }
   #ttcmssubbanner .sub-banner-btn{
	display:none;
	}
	#ttcmssubbanner h2 {
    margin: 0;
}
}
@media(max-width: 450px){
   
	#ttcmssubbanner h2 {
   
    font-size: 12px;
	margin:0;

    }
}
/* ------------------ End TT - CMS Subbanner block --------------------- */