@media only screen and (max-width: 1500px) {
   
}

@media only screen and (max-width: 1367px) {
    
}
        
@media only screen and (max-width: 1171px) {
    .header-rw .navbar-nav a{margin-left: 0;}
    .about-sec{width: 100%;}
}

@media only screen and (max-width: 992px) {
   .banner .row{flex-direction: column-reverse;}
   .banner-img{margin: 0 auto;margin-bottom: 30px;}
}

@media only screen and (max-width: 768px) {
.about-sec{flex-direction: column;height: auto;}
.about-img{flex-basis: 100%;height:auto}
.about-content{flex-basis: 100%;}
.tabs-rw{flex-direction: column;height: auto;}
.resume .nav{margin-right: 0;flex-basis: 100%;margin-bottom: 40px;width: 100%;}
.resume .tab-content{flex-basis: 100%;padding-left: 0;width: 100%;}
.resume-list ul li, .resume-content h4{flex-direction: column;}
.contact-form-inner{    flex-direction: column;
    flex-wrap: wrap;}
.contact-form-left{flex-basis: 100%;width: 100%;text-align: center;margin-bottom: 30px;}
.contact-form-right{flex-basis: 100%;width: 100%;}
h3{font-size: 26px;line-height: 32px;}
.banner h4 {
    font-size: 20px;
}
.banner h3{font-size: 24px;line-height: 32px;}
.banner p {
    font-size: 16px;
}
.resume-list{height: auto;}
}

@media only screen and (max-width: 576px) {
    .banner-img{height: 300px;width: 300px;}
    .abt-btn{flex-direction: column;}
    .abt-btn .main-btn{margin-top: 10px;}
    .banner h3, h3{font-size: 20px;line-height: 30px;}
}

@media only screen and (max-width: 360px) {
 
}