/*
author: Boostraptheme
author URL: https://boostraptheme.com
License: Creative Commons Attribution 4.0 Unported
License URL: https://creativecommons.org/licenses/by/4.0/
*/ 

/*====================================================
                       ABOUT-P
======================================================*/

#about-p1 {
    margin: 100px 0;
}

.about-p1-cont {
    padding: 0 10px 0 200px;
}

.about-p1-cont h1 {
    font-size: 60px;
    font-weight: 700;
    color: #EB5E70;
    padding-bottom: 10px;
}

.about-p1-img {
    padding-top: 50px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-p1-cont {
        padding: 0 10px 0 0px;
    }
}

@media (max-width: 768px){
    .about-p1-cont {
        padding: 0 60px;
    }

    .about-p1-img {
	    padding-top: 25px;
        padding-left: 25%;
	}
}

@media (max-width: 420px){
 .about-p1-cont {
        padding: 0 20px;
    }
    .about-p1-cont h1 {
	    font-size: 45px;
	    font-weight: 700;
	    color: #EB5E70;
	    padding-bottom: 10px;
	}
}


/*====================================================
                       ABOUT-P2
======================================================*/

.about-p2 {
    padding: 100px;
}

.about-p2-heading {
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
}

.about-p2-cont h5,
.about-p2-cont p {
    color: #fff;
}

.about-p2-cont h5 {
    font-weight: 700;
    line-height: 30px;
}

@media (max-width: 1200px) {
    .about-p2 {
        padding: 100px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .about-p2 .col-md-4:first-child {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .about-p2 .col-md-4:first-child img {
        text-align: center;
        display: block;
        margin: auto;
    }
    .about-p2 .col-md-4:nth-child(2),
    .about-p2 .col-md-4:nth-child(3) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 40px;
    }
}

@media (max-width: 768px){
	.about-p2 .col-md-4:first-child img {
        text-align: center;
        display: block;
        margin: 0 auto 40px auto;
    }
}    


/*====================================================
                       ABOUT-P3
======================================================*/

.about-p3{
    padding:50px 0 100px 0;
}

.col-space{
    max-width: 33.2%;
}
.about-p3 .container{
    padding-top:100px;
}

.about-p3 .container .story-himg-middle-u{
	display: block;
}

.about-p3 .container .story-himg-middle-l{
	display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
	.about-p3 .story-himg{
		padding-top: 50px;
	}
}

@media  (max-width: 768px){

	.about-p3 .container {
	    padding-top: 20px;
	}
	
	.about-p3 .container .story-himg-middle-u{
		display: none;
	}

	.about-p3 .container .story-himg-middle-l{
		display: block;
	}
	 
}
 
/*====================================================
                       OVERLAY-P4
======================================================*/

  .about-p4-bg{  
        
       background-size: cover;
        background-image: url(../img/about-bg.jpg);  
        padding:100px;
        margin: 0;
    } 
 
    .title-bar-about-p4{
    	padding:50px;
    }

    .overlay-about-p2{
        position: absolute;
        width: 100%;
        height: 400px;
        background: rgba(59, 59, 60, 0.53);
    }

    .title-bar-about-p4 h1{
    	color: #fff;
    	
    	height: 400;
        text-align: center;
      
	}
    .title-bar-about-p4 p{
		padding:0px 5px 0 0;
		color:#fff;
		font-size: 18px;
        text-align: center;
    }

@media (min-width: 767px) and (max-width: 991px) {
    .title-bar-about-p4 h1{
        color: #fff;
       
        height: 150px;
     
        text-align: center;
        
    }

    .title-bar-about-p4 p{
       
        color:#fff;
        font-size: 17px;
    }
}

@media(max-width: 767px){

    .about-p4-bg{  
        height: 400px;
        background-image: url(../img/about-bg.jpg);  
        padding:0;
        margin: 0;
    } 
 
    .title-bar-about-p4{
        padding:50px;
    }

    .overlay-about-p4{
        position: absolute;
        width: 100%;
        height: 400px;
        background: rgba(59, 59, 60, 0.53);
    }

    .title-bar-about-p4 h1{
        color: #fff;
        width: 400px;
        height: 150px;
      
        text-align: center;
      
    }

    .title-bar-about-p4 p{
        padding:20px 0px 0 0;
        color: #fff;
        font-size: 17px;
        text-align: center;
    }    
}

@media (max-width: 420px){
    .about-p4-bg{  
        height: 520px;
        background-image: url(../img/about-bg.jpg);  
        padding:0;
        margin: 0;
    } 
 
    .title-bar-about-p4{
        padding:50px 20px;
    }

    .overlay-about-p4{
        position: absolute;
        width: 100%;
        height: 520px;
        background: rgba(59, 59, 60, 0.53);
    } 
}