/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

.banner-area {
    padding: 50px 0;
}

.banner-left h2 {
    margin: 20px 0;
}

.banner-right img {
	margin-top: 40px;
}

.weight-inner img {
	margin-top: 30px;
}

.upper-cont p {
	padding: 20px;
}

.hero-part {
    margin-top: 0;
    padding: 15px 0;
}

.hero-left img {
   width: 100%;
   margin-left: 0;
   transform: scale(1);
}

.hero-cont h2 {
    font-size: 27.42px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    margin: 30px 0;
}

.hero-cont p {
    font-size: 14.4px;
    color: #FFF; 
    text-align: justify;
    margin-top: 15px;
}

.weight-part { 
    padding: 30px 30px;
   
}

.weight-inner p {
    max-width: 100%;
 
}

.weight-inner h4 {   
    margin: 30px 0 15px;
}



}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 767px) {


.banner-area {
    padding: 40px 0;
}

.banner-left h2 {
    font-size: 20px;  
    margin-top: 0; 
}

.banner-right img {
	margin-top: 40px;
}

.banner-left a {
	font-size: 16px;
	margin-top: 15px;
}

.weight-part {
    padding: 30px 20px 50px;  
}

.upper-cont h2 {
    font-size: 22px;
}

.upper-cont p {
    font-size: 14px;
    max-width: 100%;
    padding: 20px 0;
    text-align: justify;
}

.weight-inner p {
    max-width: 100%;
}

.weight-inner img {
	margin-top: 30px;
}

.hero-part {
    margin-top: 0;
    padding: 60px 0;
}

.hero-left img {
   width: 100%;
   margin-left: 0;
   transform: scale(1);
}

.hero-cont h2 {
    font-size: 27.42px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    margin: 30px 0;
}

.hero-cont p {
    font-size: 14.4px;
    color: #FFF; 
    text-align: center;
    margin-top: 15px;
}

.header-area {
    padding: 10px 0;
}

.copy-cont p {
    margin-top: 15px;
}

.slider-area {
    padding: 0px 0 40px;
}




}