@media(min-width:1400px) {}

@media(min-width:1200px) {}

@media only screen and (min-width:1200px) and (max-width:1700px) {
    .hero-banner-v1 .hero-img.hero-img-one {
        display: none
    }

    .hero-banner-v1 .hero-content {
        max-width: 670px
    }

    .hero-banner-v1 .hero-content h1 {
        margin-bottom: 35px;
        font-size: 93px;
        line-height: 95px
    }

    .cta-area-v1 .cta-wrapper .section-title h2 {
        font-size: 60px;
        line-height: 70px
    }

    .hero-banner-v1 .shape-one {
        top: 130px;
        left: 30px
    }

    .testimonial-slider-one .slick-dots {
        right: -15%
    }

    .fancy-text-block-v1 .img-holder .shape.shape.shape-two {
        display: none
    }

    .navigation-style-v3 .primary-menu .site-branding .lang-dropdown:before {
        margin-right: 20px
    }

    .navigation-style-v3 .primary-menu .site-branding .lang-dropdown {
        margin-left: 20px
    }
}

@media(max-width:1199px) {

    .hero-banner-v2 .hero-img .hero-shape,
    .footer-gradient-bg .shape {
        display: none
    }

    .header-right-nav ul li.navbar-toggle-btn {
        display: block
    }

    .header-navigation .main-menu ul>li.has-children>a:before {
        display: none
    }

    .navigation-style-v3 .container-fluid,
    .navigation-style-v2 .container-fluid,
    .navigation-style-v1 .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }

    .hero-banner-v1 .shape-one {
        top: 130px
    }

    .hero-banner-v1 .hero-content p {
        padding-right: 10%
    }

    .hero-banner-v1 .hero-img,
    .cta-area-v1 .cta-img,
    .testimonial-area-v1 .shape-img {
        display: none
    }

    .testimonial-area-v1 .testimonial-item .testimonial-content h3 {
        font-size: 32px;
        line-height: 45px
    }

    .contact-area-v1 .img-holder {
        margin-right: 0
    }

    .footer-top .text-wrapper {
        padding-left: 70px
    }

    .service-item {
        padding: 50px 30px 40px
    }

    .service-item .text h3.title {
        font-size: 24px;
        line-height: 35px
    }

    .service-item .text .list-style-two li {
        font-size: 15px
    }

    .testimonial-area-v2 .testimonial-item .testimonial-content h3 {
        font-size: 30px;
        line-height: 40px
    }

    .pricing-list li {
        font-size: 16px
    }

    .pricing-item .pricing-head span.plan {
        font-size: 18px
    }

    .blog-area-v2 .blog-post-item {
        padding: 40px 30px 30px
    }

    .pricing-item-one .pricing-body {
        margin-bottom: -65px
    }

    .hero-banner-v2 .hero-img {
        min-width: 100%
    }

    .fancy-text-block-v1 .img-holder .shape.shape.shape-two {
        display: none
    }

    .testimonial-area-v3 .testimonial-item {
        padding: 50px 30px 45px
    }

    .team-details-section .text-wrapper,
    .skill-area-v2 .text-wrapper,
    .skill-area-v1 .text-wrapper,
    .fancy-text-block-v2 .text-wrapper,
    .about-area-v3 .text-wrapper {
        padding-left: 0
    }

    .counter-area-v1 .counter-item {
        padding: 65px 30px
    }

    .process-area-v2 .process-wrapper {
        padding: 80px 30px 10px
    }

    .portfolio-details-wrapper .portfolio-info {
        padding: 50px 30px
    }

    .team-area-v3 .team-item .img-holder .hover-content-two h3.title,
    .team-area-v3 .team-item .img-holder .hover-content h3.title {
        font-size: 24px;
        line-height: 35px
    }

    .team-area-v3 .team-item .img-holder .hover-content-two p.position,
    .team-area-v3 .team-item .img-holder .hover-content p.position {
        font-size: 16px
    }

    .team-details-section .text-wrapper .text h3.title {
        font-size: 35px;
        line-height: 45px
    }

    .blog-standard-post-item .entry-content h3.title {
        font-size: 22px;
        line-height: 32px
    }

    .blog-standard-post-item .entry-content {
        width: 90%;
        padding: 30px 20px 40px
    }

    .service-area-v2 .service-wrapper {
        padding: 50px 40px 20px
    }

    .pricing-item-three {
        padding: 30px 20px 40px
    }

    .hero-banner-v3 .hero-content h1 {
        font-size: 52px;
        line-height: 65px
    }

    .testimonial-area-v4 .img-holder:after {
        width: 450px;
        height: 450px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .section-title h2 {
        font-size: 45px;
        line-height: 55px
    }

    .contact-area-v1 .text-wrapper h2 {
        font-size: 44px;
        line-height: 55px
    }

    .hero-banner-v2 .hero-content h1 {
        font-size: 45px;
        line-height: 55px
    }

    .navigation-style-v2 .container-fluid {
        padding-left: 70px;
        padding-right: 70px
    }

    .counter-area-v2 .counter-item {
        padding: 60px 15px 53px
    }

    .pricing-item-one {
        padding: 32px 20px 35px
    }

    .pricing-item .pricing-head h2.price {
        font-size: 34px;
        line-height: 45px
    }

    .blog-area-v2 .blog-post-item .entry-content h3.title {
        font-size: 22px;
        line-height: 34px
    }

    .process-area-v1 .process-item {
        padding: 0 13px
    }

    .post-nav-tag .post-nav-item .text h4 {
        font-size: 18px
    }

    .post-nav-tag .post-nav-item .text p {
        font-size: 16px
    }

    .testimonial-area-v4 .testimonial-item .testimonial-content p {
        font-size: 20px;
        line-height: 30px
    }

    .counter-area-v3 .counter-item .text h2.number {
        font-size: 32px
    }
}

@media(max-width:991px) {
    .hero-banner-v3 .hero-content {
        margin-bottom: 40px
    }

    .contact-area-v1 .text-wrapper h2 {
        font-size: 60px;
        line-height: 70px
    }

    .cta-area-v1 .cta-wrapper {
        padding: 80px 40px
    }

    .contact-area-v1 .img-holder {
        text-align: center
    }

    .footer-copyright .footer-nav {
        margin-top: 15px
    }

    .footer-copyright .footer-nav,
    .footer-copyright .copyright-text {
        text-align: center
    }

    .footer-copyright .footer-nav ul li:not(first-child) {
        margin-left: 10px;
        margin-right: 10px
    }

    .about-area-v2 .text-wrapper,
    .testimonial-area-v2 .text-wrapper {
        padding-left: 0
    }

    .pricing-area-v1 .pricing-wrapper,
    .contact-area-v2 .contact-wrapper,
    .service-area-v1 .service-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }

    .contact-area-v2 .contact-form {
        margin-left: 0
    }

    .footer-widget .widget.newsletter-widget .newsletter-content h3 {
        font-size: 30px;
        line-height: 40px
    }

    .cta-area-v2 .button-box {
        margin-top: 20px
    }

    .pricing-item .pricing-head h2.price {
        font-size: 35px;
        line-height: 45px
    }

    .pricing-item-one {
        padding: 32px 30px 35px;
        margin-bottom: 70px
    }

    .hero-banner-v2 .hero-content {
        margin-bottom: 40px
    }

    .contact-area-v2 .contact-form h2,
    .contact-area-v2 .text-wrapper h2 {
        font-size: 32px;
        line-height: 45px
    }

    .page-banner .page-title {
        margin-bottom: 50px
    }

    .about-area-v3 .img-holder {
        margin-left: 0
    }

    .page-footer:before,
    .page-footer:after {
        display: none
    }

    .process-area-v1 .process-column:after {
        display: none
    }

    .process-area-v1 .process-item {
        padding: 0 15px
    }

    .features-list {
        padding: 55px 30px 25px
    }

    .page-banner .page-title h1 {
        font-size: 36px;
        line-height: 45px
    }

    .post-nav-tag .post-nav-item {
/*        justify-content: center*/
    }

    .post-nav-tag .post-icon {
        padding: 20px 0
    }

    .partners-area-v1 .partners-slider-one {
        margin-left: -15px;
        margin-right: -15px
    }

    .partners-area-v1 .partners-slider-one .partner-item {
        padding-left: 15px;
        padding-right: 15px
    }

    .testimonial-area-v4 {
        padding-bottom: 110px
    }

    .testimonial-area-v4 .img-holder {
        overflow: hidden
    }

}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-banner-v1 .hero-content h1 {
        font-size: 48px;
        line-height: 68px
    }

    .footer-top .text-wrapper {
        padding-left: 20px
    }

    .footer-top .text-wrapper h3 {
        line-height: 40px;
        font-size: 30px
    }

    .partners-wrapper .partner-item {
        flex: 0 0 25%;
        max-width: 25%
    }

    .contact-area-v3 .map-box {
        top: 19%
    }
    .contact-section-form {
        padding: 60px 0px 60px;
    }
    .community-form-section {
        padding: 60px 0px 60px;
    }
    .home_services_section .section-title_services h2 {
        font-size: 52px;
        line-height: 65px;
        padding-left: 35px;
        margin-bottom: 25px;
    }
    .home_services_section .section-title_services h2:before {
        height: 58px;
        width: 18px;
        border-radius: 50px;
        left: 14px;
        top: 0px;
    }
}

@media(max-width:767px) {
    .section-title h2 {
        font-size: 25px;
        line-height: 35px
    }

    .hero-banner-v1 .hero-content p {
        padding-right: 0%
    }

    .hero-banner-v2 .hero-content h1,
    .hero-banner-v1 .hero-content h1 {
        font-size: 36px;
        line-height: 47px
    }

    .service-item {
        padding: 50px 35px 40px
    }

    .cta-area-v1 .cta-wrapper .section-title h2 {
        font-size: 26px;
        line-height: 38px
    }

    .footer-top .text-wrapper {
        padding-left: 0;
        padding-top: 20px;
        border-left: none;
        border-top: 2px solid rgba(89, 86, 233, .2)
    }

    .partners-wrapper .partner-item {
        flex: 0 0 50%;
        max-width: 50%
    }

    .cta-area-v2 .cta-wrapper {
        padding: 50px 30px
    }

    .testimonial-area-v3 .testimonial-item {
        display: flex;
        flex-direction: column
    }

    .testimonial-area-v3 .testimonial-item .author-thumb {
        margin-bottom: 25px
    }

    .process-area-v2 .process-item .icon {
        margin-right: 20px
    }

    .post-nav-tag .post-nav-item .text h4 {
        font-size: 18px
    }

    .post-nav-tag .post-nav-item .text p {
        font-size: 16px
    }

    .sidebar-widget-area .widget {
        padding: 30px 20px 40px
    }

    .comments-area .comments-list .comment {
        flex-direction: column
    }

    .comments-area .comments-list .comment .comment-avatar {
        margin-bottom: 30px
    }

    .comments-area .comments-list .comment:nth-child(even) {
        margin-left: 20px
    }

    .comments-respond {
        padding: 40px 30px 60px
    }

    .post-author-box {
        flex-direction: column;
        align-items: flex-start
    }

    .post-author-box .author-thumb {
        margin-bottom: 30px
    }

    .contact-area-v2 .information-style-two {
        flex-direction: column
    }

    .contact-area-v2 .information-style-two .icon {
        margin-bottom: 25px
    }

    .information-style-two {
        padding: 40px 25px 30px
    }

    .contact-area-v2 .information-style-two .info h4 {
        font-size: 20px
    }

    .blog-area-v2 .blog-post-item .entry-content h3.title {
        font-size: 20px;
        line-height: 30px
    }

    .cta-area-v2 .button-box .main-btn {
        padding: 12px 25px
    }

    .contact-area-v3 .map-box {
        top: 14%
    }

    .partners-area-v1 .partners-arrows {
        justify-content: flex-start
    }

    .counter-area-v3 .counter-item.mt-lg-30 {
        margin-top: 0
    }

    .lang-dropdown .nice-select {
        font-size: 16px
    }

    .navigation-style-v3 .primary-menu .site-branding .lang-dropdown:before {
        margin-right: 15px
    }

    .navigation-style-v3 .primary-menu .site-branding .lang-dropdown {
        margin-left: 15px
    }

    .hero-banner-v3 .hero-content h1 {
        font-size: 40px;
        line-height: 45px
    }

    .navigation-style-v3 .header-right-nav ul li.nav-button {
        display: none
    }

    .testimonial-area-v4 .testimonial-item {
        padding: 60px 30px
    }

    .testimonial-area-v4 .testimonial-item .testimonial-content p {
        font-size: 18px;
        line-height: 30px
    }
    .contact-section-form {
        padding: 60px 0px 60px;
    }
    .community-form-section {
        padding: 60px 0px 60px;
    }
    .home_services_section .section-title_services h2 {
        font-size: 42px;
        line-height: 58px;
        padding-left: 27px;
        margin-bottom: 27px;
    }
    .home_services_section .section-title_services h2:before {
        height: 49px;
        width: 15px;
        left: 14px;
        top: 3px;
    }
        .container-fluid {
    padding:0 30px !important;
}
.site-branding img {
    width: 120px;
}
.hero-content a { 
    margin-top: 30px;
}
.hero-content h2 {
    font-size: 50px;
    line-height: 65px;
}
.widget-nav {
    display: flex;
    flex-direction: column;
}
.highlighted-line { 
    height: 75px;
}
.highlighted-line h2 {  
    font-size: 30px;
    line-height: 80px;
    font-weight: 700;   
}
.post-nav-tag .post-nav-item.prev-post .thumb img {
    width: 120px;
    height: 120px;
}

.post-nav-tag .post-nav-item.prev-post .thumb  {
    margin-right: 0;
}
.services-img-section .gellery-img .portfolio-hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;    
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
}

@media(min-width:768px){
.services-img-section .gellery-img:hover .portfolio-hover {
    visibility: visible;
    opacity: 1;
}
.services-img-section .gellery-img .portfolio-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
     background-color: rgb(245 208 208 / 50%);     
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.services-img-section .portfolio-hover .hover-content {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}
}

@media(max-width:400px) {
    .about-area-v1 .shape-one {
        bottom: -20px;
        left: 0
    }

    .footer-widget .widget.newsletter-widget .newsletter-content h3,
    .footer-top .text-wrapper h3 {
        line-height: 40px;
        font-size: 30px
    }

    .blog-standard-post-item .entry-content h3.title {
        font-size: 20px;
        line-height: 30px
    }

    .service-area-v2 .service-wrapper {
        padding: 40px 15px 10px
    }

    .service-item .text h3.title {
        font-size: 20px;
        line-height: 30px
    }

    .testimonial-area-v4 .testimonial-item .testimonial-content .author-title-thumb {
        flex-direction: column
    }

    .testimonial-area-v4 .testimonial-item .testimonial-content .author-title-thumb .author-thumb {
        margin-bottom: 25px
    }
}

@media only screen and (min-width:415px) and (max-width:767px) {
    .partners-wrapper .partner-item {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }
}


@media (max-width:767px) {
    .portfolio-area .sp-right {
        padding-right: 0;
        position: relative;
    }

    .portfolio-area .section-title {
        position: relative;
        text-transform: uppercase;
        right: 0;
        top: 0;
        transform: none;
        padding: 0 15px;
        margin: 0;
    }

    .portfolio-area .section-title h2 {
        font-size: 42px;
        line-height: 58px;
        padding-left: 27px;
    }

    .portfolio-area .section-title h2:before {
        height: 49px;
        width: 15px;
        left: 8px;
        top: 3px;
    }

    .portfolio-filter-button .filter-btn li {
        padding: 5px 9px;
        font-size: 14px;
    }

    .portfolio-area .sp-right {
        padding-left: 0px;
        position: relative;
    }

    .footer-widget .widget h4.widget-title {
        margin-bottom: 20px;
        font-size: 100px;
        line-height: .9;
    }

    .footer-widget .widget.footer-nav-widget .widget-nav li a {
        font-size: 26px;
        line-height: 1.1;
    }

    .posit {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: left !important;
        margin-top: 15px;
    }

    .footer-copyright {
        padding: 25px 0 55px 0;
    }

    .banner-icon {
        display: none;
    }

    .hero-banner-v1 .shape-one {
        display: none;
    }

    .hero-banner-v1 {
        padding: 100px 0 0px;
    }

    .service-area .services-bottom-text a {
        font-size: 20px;
    }

    .service-area .leftext,
    .service-area .rightext {
        display: none;
    }
    .about-area {
        padding: 60px 0px 30px;
    }
    .service-area {
        padding: 20px 0px 45px;
    }
    .portfolio-area {
        padding: 60px 0px 40px;
    }

    .hero-banner-v1 .hero-img {
        display: block;
        position: relative;
    }

    .hero-banner-v1 .row>div {
        width: 100%;
    }

    .hero-banner-v1 .hero-img.hero-img-three {
        display: none;
    }

    .hero-banner-v1 .hero-content h1 {
        margin-top: 40px;
    }

    .partners-area .section-title h2 {
        font-size: 25px;
        line-height: 22px;
        border-left: 5px solid #f2b34a;
    }

    .widget-nav li span {
        font-size: 26px;
    }

    .tabiabout .nav-tabs .nav-link {
        width: 103px !important;
        font-size: 12px !important;
        padding-bottom: 3px !important;
        line-height: 28px !important;
        height: 39px !important;
    }

    .tabiabout .nav-tabs {
        margin-top: -339px;
    }

    .about_league_section {
        padding: 50px 0px 55px;
    }
    .about-inner-details {
        padding: 40px 0px 40px;
    }

    .tabiabout .spr {
        padding: 80px 0px 50px;
    }

    .tabiabout .tab-pane {
        padding: 0 0px;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .tabiabout p {
        font-size: 17px;
        line-height: 1.5;
        text-align: justify;
    }

    .tabiarea .nav-tabs {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        padding: 0 0px;
    }

    .tabiarea .nav-tabs .nav-link {
        font-size: 12px;
    }
    .full-width-size {
        padding: 0px 15px !important;
    }
    .work-inner-details {
        height: 500px;
    }
    .full-width-section {
        padding: 0px 15px !important;
    }
    .community-section {
        z-index: 1;
        padding: 150px 0 60px!important;
    }
    .community-inner-text P {
        font-size: 20px;
        line-height: 28px;
        margin-top: 25px;
    }
    .community-form-section {
        padding: 50px 0px 62px;
    }
    .contact-form-sec {
        padding: 50px 0px;
    }
    .gellery-img {
        margin-top: 40px;
    }
    .services-img-section {
        padding: 20px 0px 60px;
    }
    .contact-section {
        z-index: 1;
        padding:140px 0 60px !important;
    }
    .contact-section-form {
        padding: 61px 0px 75px;
    }
    .about-section {
        padding: 60px 0px 10px;
    }
    .about-inner-text h1 {
        font-size: 100px;
        line-height: 100px;
    }
    .work-inner-text h1 {
           font-size: 100px;
    line-height: 100px;
    }
    .services-inner-text h1 {
        font-size: 100px;
        line-height: 100px;
    }
    .work-inner {
        padding: 100px 0px 60px;
    }
    .contact-inner-text h1 {
        font-size: 100px;
    line-height: 100px;
    }
    .home_services_section .section-title h2 {
        font-size: 42px;
        line-height: 58px;
        padding-left: 30px;
    }
    .home_services_section .section-title h2::before {
        left: 2px;
        top: 6px;
        height: 45px;
        width: 15px;
    }
    .home_services_section {
        padding: 47px 0px 0px;
    }
    .home_img_section {
        padding: 60px 0px 50px;
    }
    .home_img_section .section-title h3 {
        font-size: 32px;
        line-height: 40px;
    }
    .home_img_section .section-title h4 {
        font-size: 32px;
        line-height: 40px;
    }
    .home_img_section .img_text h4 {
        font-size: 20px;
        line-height: 28px;
    }
    .theme-header .header-navigation .header-right-nav {
        position: absolute;
        top: 24px;
        right: 38px;
        display: block;
    }
    .hero-banner-v1 .img_section {
        margin-bottom: -2px;
    }

    .footer_top_text {
        padding-top: 0%;
    }
    .work-benner-section .about_btn {
        margin-left: 0px;
    }
    .footer_top_section .widget-title {
        font-size: 161px;
        line-height: 144px;
    }
    .work_img_section {
        padding: 65px 0px 0px;
    }
    .work-benner-section {
        padding: 60px 0px;
    }
    .work-benner-section .about_btn h4 {
        font-size: 66px;
        line-height: 75px;
    }
    .work-benner-section .text-wrapper h3 {
        font-size: 66px;
        line-height: 75px;
    }
    .home-benner-section {
        padding: 60px 0px;
    }
    .about-benner-section {
        padding: 60px 0px 8px;
    }
    .work_footer_top_section {
        padding: 60px 0px 65px;
    }
    .services-section .services-inner-text {  
     justify-content: initial; 
}
.contact-form form .nice-select, .contact-form form .form_control {    
    padding: 0 15px;        
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .hero-banner-v1 .hero-img {
        display: block;
        position: relative;
    }

    .work-benner-section .about_btn {
        margin-left: 0px;
    }

    .portfolio-area .section-title h2 {
        font-size: 52px;
        line-height: 65px;
        padding-right: 13px;
    }

    .portfolio-area .section-title {
        top: 51%;
    }

    .home_img_section .img_text h4 {
        font-size: 30px;
        line-height: 40px;
    }

    .home_img_section .section-title h3 {
        font-size: 35px;
        line-height: 45px;
    }

    .home_img_section .section-title h4 {
        font-size: 35px;
        line-height: 45px;
    }

    .home_services_section .section-title h2 {
        font-size: 52px;
        line-height: 65px;
    }

    .home_services_section .section-title h2::before {
        left: 0px;
        top: 5px;
        height: 53px;
        width: 17px;
    }

    .tabiarea .nav-tabs {
        padding: 0 10px;
    }

    .tabiabout .nav-tabs .nav-link {
        width: 110px !important;
        font-size: 12px !important;
        padding-bottom: 6px !important;
        line-height: 25px;
        height: 40px !important;
    }

    .tabiabout .nav-tabs {
        margin-top: -40px;
    }

    .work-inner {
        padding: 100px 0px 60px;
    }

    .work-inner-details {
        height: 590px;
    }

    .gellery-img {
        margin-top: 40px;
    }

    .services-img-section {
        padding: 45px 0px 75px;
    }

    .tabiarea .nav-tabs .nav-link {
        line-height: 52px;
        font-size: 11px;
        padding: 0px 0px;
    }

    .theme-header .header-navigation .header-right-nav {
        position: absolute;
        top: 32px;
        right: 38px;
        display: block;
    }

    .portfolio-area .section-title {
        top: 49%;
    }

    .portfolio-area .section-title h2:before {
        position: absolute;
        content: "";
        background-color: #32949C;
        height: 58px;
        width: 18px;
        border-radius: 50px;
        left: -15px;
        top: 0px;
    }

    .portfolio-area {
        padding: 60px 0px 15px;
    }

    .hero-banner-v1 .img_section {
        margin-bottom: -3px;
    }

    .home_services_section {
        padding: 60px 0px 15px;
    }

    .home_img_section {
        padding: 60px 0px 60px;
    }

    .home-benner-section {
        padding: 60px 0px;
    }

    .service-area {
        padding: 15px 0px 50px;
    }
    .about_league_section {
        padding: 20px 0px 35px;
    }

    .about-inner {
        padding: 150px 0 50px;
    }

    .about-benner-section {
        padding: 60px 0px;
    }

    .about_league_section .section-title {
        top: 63%;
    }
    .work_img_section {
        padding: 80px 0px 14px;
    }
    .work-benner-section {
        padding: 60px 0px;
    }

    .work_portfolio_section .section-title {
        top: 50%;
    }

    .work_footer_top_section {
        padding: 60px 0px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .hero-banner-v1 .hero-img {
        display: block;
    }

    .portfolio-area .section-title h2 {
        font-size: 52px;
        line-height: 65px;
        border-right: 12px solid #f2b34a;
        padding-right: 13px;
    }


    .portfolio-area .section-title {
        top: 44%;
    }

    .portfolio-area .section-title h2 {
        font-size: 53px;
    }

    .hero-banner-v1 .hero-img.hero-img-two {
        bottom: 22%;
        width: 38%;
    }

    .hero-banner-v1 .hero-img.hero-img-three {
        bottom: 38px;
        right: 63%;
    }

    .hero-banner-v1 .hero-content h1 {
        margin-bottom: 35px;
        font-size: 61px;
        line-height: 69px;
    }

    .theme-header .header-navigation .header-right-nav {
        position: absolute;
        top: 32px;
        right: 38px;
        display: block;
    }

}

@media only screen and (min-width:1200px) and (max-width:1299px) {

    .portfolio-area .section-title {
/*    transform: rotate(-90deg) translateX(-82%);*/
    }

    .portfolio-area .section-title h2 {
        font-size: 76px;
    }

    .hero-banner-v1 .hero-img.hero-img-two {
        bottom: 18%;
        width: 39%;
    }

    .hero-banner-v1 .hero-content h1 {
        font-size: 80px;
    }

    .hero-banner-v1 .hero-img.hero-img-three {
        right: 59%;
    }

    .theme-header .header-navigation .header-right-nav {
        position: absolute;
        top: 32px;
        right: 38px;
    }
}

@media only screen and (min-width:1299px) and (max-width:1560px) {
    .theme-header .header-navigation .header-right-nav {
        position: absolute;
        top: 32px;
        right: 38px;
        display: block;
    }

    .hero-banner-v1 .hero-content h1 {
        font-size: 87px;
        line-height: 90px;
        margin-left: 157px;
    }

    .hero-banner-v1 .hero-content p {
        padding-right: 0% !important;
        margin-bottom: 45px;
        margin-left: 159px;
    }

    .main-btn {
        margin-left: 25%;
    }

    .hero-banner-v1 .hero-img.hero-img-three {
        bottom: 144px;
        right: 49%;
    }
}