/* Responsive css */
@media (max-width:992px){
.margin-bottom-md-40{margin-bottom: 40px;}
.margin-bottom-md-20{margin-bottom: 20px;}
.copyrights p{text-align: center;font-size: 12px;}
.copyrights{text-align: center;}
.about-me-naresh-image img{display: block;margin: 0 auto;}
.musician img{display: block;margin: 0 auto;}
.author img{display: block;margin: 0 auto;}
.volunteer img{display: block;margin: 0 auto;}
.my-youtube img{display: block;margin: 0 auto;}
.text-center-md{text-align: center;}
.main-menu ul li{padding-bottom: 10px;}
#about-me-content.modal{overflow: auto!important;}
#article-three.modal{overflow: auto!important;}
.main-menu i{color: #fff;}
.sticky .main-menu i{color: #000;}
button:focus{outline: none!important;}
.main-menu{background-color:#000;}
.sticky.main-menu{background-color:#fff;}
}

@media(min-width:1200px){
    .article-content-area{min-height: 355px;}
}

@media (min-width:992px) and (max-width:1200px){
    .main-menu ul li a{font-size: 14px;padding: 0 6px!important;}
    .copyrights ul li a{padding: 0 2px;}
    .banner-text{top:38%;left:20%;}
    .banner-text h1{font-size:55px;font-weight: bold;}
    .banner-text p{font-size: 30px;margin-bottom:0px;}
    .article-content-area{min-height: 375px;}
}
@media (min-width:768px) and (max-width:992px){
    .navbar-logo img{width: 180px;}
    .banner-text{top:30%;left:18%;}
    .banner-text h1{font-size:50px;font-weight: bold;}
    .banner-text p{font-size: 35px;margin-bottom:0px;}
    .article-content-area{min-height: 370px;}
}
@media (min-width:576px) and (max-width:768px){
    .navbar-logo img{width: 150px;}
    .banner-text{top:55%;left:10%;}
    .banner-text h1{font-size:40px;font-weight: bold;}
    .banner-text p{font-size: 25px;margin-bottom:0px;}
}
@media (min-width:480px) and (max-width:576px){
    .navbar-logo img{width: 150px;}
    .banner-text{top:55%;left:10%;}
    .banner-text h1{font-size:35px;font-weight: bold;}
    .banner-text p{font-size: 25px;margin-bottom:0px;}
}
@media (min-width:395px) and (max-width:480px){
    .navbar-logo img{width: 130px;}
    .banner-text{top:55%;left:10%;}
    .banner-text h1{font-size:35px;font-weight: bold;}
    .banner-text p{font-size: 25px;margin-bottom:0px;}
}
@media (max-width:395px){
    .navbar-logo img{width: 120px;}
    .banner-text{top:55%;left:10%;}
    .banner-text h1{font-size:30px;font-weight: bold;}
    .banner-text p{font-size: 20px;margin-bottom:0px;}
}

@media (min-width:1200px) and (max-width:1300px){
    .banner-text{top:38%;left:18%;}
    .banner-text h1{font-size: 60px;font-weight: bold;}
    .banner-text p{font-size: 35px;margin-bottom:0px;}
}

@media (min-width:1300px) and (max-width:1400px){
    .banner-text{top:38%;left:18%;}
    .banner-text h1{font-size: 60px;font-weight: bold;}
    .banner-text p{font-size: 35px;margin-bottom:0px;}
}

@media (min-width:1400px) and (max-width:1500px){
    .banner-text{top:38%;left:18%;}
    .banner-text h1{font-size: 60px;font-weight: bold;}
    .banner-text p{font-size: 35px;margin-bottom:0px;}
}

@media (min-width:1500px) and (max-width:1600px){
    .banner-text{top:38%;left:18%;}
    .banner-text h1{font-size: 60px;font-weight: bold;}
    .banner-text p{font-size: 35px;margin-bottom:0px;}
}

@media (min-width:1600px) and (max-width:1700px){
    .banner-text{top:38%;left:20%;}
    .banner-text h1{font-size: 60px;font-weight: bold;}
    .banner-text p{font-size: 35px;margin-bottom:0px;}
}

@media (min-width:1700px) and (max-width:1800px){
    .banner-text{top:38%;left:24%;}
    .banner-text h1{font-size: 60px;font-weight: bold;}
    .banner-text p{font-size: 35px;margin-bottom:0px;}
}

@media (min-width:1800px) and (max-width:1900px){
    .banner-text{top:38%;left:24%;}
    .banner-text h1{font-size: 60px;font-weight: bold;}
    .banner-text p{font-size: 35px;margin-bottom:0px;}
}

@media (min-width:1900px) and (max-width:2000px){
    .banner-text{top:38%;left:26%;}
    .banner-text h1{font-size: 60px;font-weight: bold;}
    .banner-text p{font-size: 35px;margin-bottom:0px;}
}

@media(min-width:2000px){
    .banner-text{top:38%;left:30%;}
    .banner-text h1{font-size: 60px;font-weight: bold;}
    .banner-text p{font-size: 35px;margin-bottom:0px;} 
}

@media(max-width:768px){
    .home-banner{background-position: 80% 50%;}
}