@media only screen and (max-width:767px){
    body{
        font-size:14px
    }
    .ptb-100{
        padding-top:50px;
        padding-bottom:50px
    }
    .pt-100{
        padding-top:50px
    }
    .ptb-70{
        padding-top:20px;
        padding-bottom:50px
    }
    .pb-100{
        padding-bottom:50px
    }
    .pt-70{
        padding-top:30px
    }
    .pb-90{
        padding-bottom:50px
    }
    .pb-70{
        padding-bottom:20px
    }
    .pt-45{
        padding-top:30px
    }
    .pt-20{
        padding-top:0
    }
    .pb-20{
        padding-bottom:0
    }
    .default-btn{
        padding:8px 25px
    }
    .section-title span{
        font-size:12px
    }
    .section-title h2{
        font-size:26px
    }
    .section-title p{
        padding-top:10px
    }
    h3{
        font-size:21px
    }
    .header-left{
        text-align:center
    }
    .header-left .header-left-card ul li{
        padding-left:0;
        margin:0 5px;
        padding-top:5px;
        padding-bottom:5px
    }
    .header-left .header-left-card ul li::before{
        display:none
    }
    .header-left .header-left-card ul li:first-child::before{
        display:none
    }
    .header-left .header-left-card ul li:last-child{
        margin-right:0
    }
    .header-left .header-left-card ul li .head-icon{
        left:0;
        top:2px;
        -webkit-transform:translateY(0%);
        transform:translateY(0%);
        font-size:20px
    }
    .header-left .header-left-card ul li a{
        margin-top:0;
        font-size:13px;
        margin-left:25px
    }
    .header-right{
        float:none;
        max-width:295px;
        margin:0 auto;
        padding:0 5px
    }
    .top-social-link::before{
        top:15px
    }
    .top-social-link ul{
        list-style:none;
        margin:0;
        padding:0
    }
    .top-social-link ul li{
        display:inline-block;
        margin-right:5px
    }
    .top-social-link ul li a{
        width:24px;
        height:24px;
        line-height:24px;
        text-align:center;
        font-size:14px
    }
    .language{
        margin-top:-54px;
        z-index:9999
    }
    .mobile-nav .logo img{
        max-width:310px;
        height:40px;
        margin-top:-5px
    }
    .mobile-nav .logo .logo-two{
        display:none
    }
    .mobile-nav .logo .logo-one{
        display:inline-block
    }
    .others-options{
        display:none!important
    }
    .side-nav-responsive{
        display:block
    }
    .side-nav-responsive .container{
        position:relative;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .side-nav-responsive .container .container{
        position:absolute;
        top:55px;
        right:-20px;
        max-width:185px;
        margin-left:auto;
        opacity:0;
        visibility:hidden;
        -webkit-transition:.7s;
        transition:.7s;
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        z-index:2;
        padding-left:15px;
        padding-right:15px
    }
    .search-overlay.search-popup{
        width:260px;
        margin-top:15px
    }
    .banner-area::before{
        display:none
    }
    .banner-area::after{
        display:none
    }
    .banner-content{
        position:relative;
        z-index:1;
        padding-top:130px;
        text-align:center
    }
    .banner-content h1{
        font-size:35px;
        margin-bottom:20px
    }
    .banner-content p{
        margin-bottom:20px;
        font-size:16px
    }
    .banner-content .banner-btn .contact-btn{
        padding:10px 25px
    }
    .banner-content .banner-btn .get-btn{
        padding:10px 25px
    }
    .banner-img{
        margin-top:30px;
        padding:0 0 80px;
        margin-right:0;
        text-align:center
    }
    .banner-img::before{
        display:none
    }
    .banner-img .dots{
        display:none
    }
    .banner-shape{
        display:none
    }
    .down-btn-area{
        display:none
    }
    .banner-area-two{
        background-color:#f5f8fe;
        position:relative
    }
    .banner-area-two::before{
        display:none
    }
    .banner-img-two{
        background-color:#f5f8fe
    }
    .banner-img-two::before{
        display:none
    }
    .banner-img-two::after{
        display:none
    }
    .banner-img-two .banner-images{
        max-width:100%;
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        padding-top:130px
    }
    .banner-img-two .dots{
        display:none
    }
    .banner-img-two .banner-half-circle{
        display:none
    }
    .banner-two-content{
        margin-left:auto;
        margin-right:auto;
        padding-top:30px;
        padding-bottom:80px;
        text-align:center
    }
    .banner-two-content h1{
        font-size:35px
    }
    .banner-two-shape{
        display:none
    }
    .banner-area-three::after{
        display:none
    }
    .banner-content-three{
        padding-top:130px;
        padding-bottom:80px;
        max-width:100%
    }
    .inner-banner .inner-title{
        padding-top:120px;
        padding-bottom:60px
    }
    .inner-banner .inner-title::before{
        display:none
    }
    .inner-banner .inner-title h3{
        font-size:26px
    }
    .inner-banner .inner-title ul li{
        font-size:16px
    }
    .status-area{
        margin-top:0;
        padding-top:50px
    }
    .status-bg{
        padding-top:10px;
        padding-bottom:30px
    }
    .status-card{
        padding:20px 20px 0
    }
    .status-card::before{
        display:none
    }
    .status-card i{
        font-size:75px
    }
    .status-card .status-bottom-1{
        display:none
    }
    .status-card .status-bottom-2{
        display:none
    }
    .status-card .status-bottom-3{
        display:none
    }
    .about-img{
        margin-left:auto;
        margin-bottom:60px;
        margin-right:auto
    }
    .about-img::before{
        display:none
    }
    .about-img .about-img-small{
        position:absolute;
        bottom:-30px;
        left:-10px
    }
    .about-img .about-img-small img{
        max-width:200px
    }
    .about-content h2{
        margin-top:10px;
        margin-bottom:20px;
        font-size:26px
    }
    .about-content p{
        margin-bottom:10px
    }
    .about-content .about-counter{
        margin-bottom:10px
    }
    .about-content .about-btn{
        margin-top:20px
    }
    .about-content .about-btn .learn-btn{
        padding:10px 25px
    }
    .about-content .about-btn .get-btn{
        padding:10px 25px
    }
    .about-img-2{
        margin-left:auto;
        margin-bottom:60px;
        margin-right:auto
    }
    .about-img-2 .about-img-small-2{
        position:absolute;
        bottom:-30px;
        left:-10px
    }
    .about-img-2 .about-img-small-2 img{
        max-width:200px
    }
    .about-img-2 .about-dots{
        display:none
    }
    .about-img-3{
        margin-bottom:30px;
        margin-left:15px
    }
    .about-content-max{
        max-width:100%;
        margin-right:0;
        margin-left:0
    }
    .about-polygon-shape{
        display:none
    }
    .video-area{
        padding-top:50px;
        padding-bottom:50px;
        margin-bottom:0
    }
    .video-btn{
        margin-top:20px;
        margin-bottom:30px;
        float:none;
        text-align:center
    }
    .video-btn .video-play-btn{
        font-size:20px;
        width:100px;
        height:50px;
        line-height:50px
    }
    .video-content{
        margin-left:auto;
        text-align:center
    }
    .video-btn-two{
        margin-top:20px;
        margin-bottom:30px;
        float:none;
        text-align:center
    }
    .video-btn-two .play-on-btn{
        font-size:20px;
        width:100px;
        height:50px;
        line-height:50px
    }
    .guidelines-area{
        bottom:0;
        margin-top:30px
    }
    .guidelines-area::before{
        display:none
    }
    .guidelines-content{
        padding:30px 20px;
        position:relative;
        z-index:1
    }
    .guidelines-content h2{
        font-size:26px;
        margin-bottom:15px
    }
    .guidelines-img{
        margin-right:auto;
        margin-left:auto;
        padding-left:15px;
        margin-bottom:30px
    }
    .guidelines-content-bg{
        margin-right:15px
    }
    .guidelines-content-two{
        padding:30px 20px;
        position:relative;
        z-index:1
    }
    .guidelines-content-two h2{
        font-size:26px;
        margin-bottom:15px
    }
    .guidelines-content-two .content h3{
        font-size:20px
    }
    .guidelines-max{
        max-width:100%;
        margin-left:auto;
        margin-right:15px
    }
    .blog-card .content ul li{
        font-size:12px
    }
    .blog-article .blog-status .blog-comment{
        float:none;
        margin-top:15px
    }
    .blog-article .blog-status .blog-comment h3{
        font-size:14px
    }
    .blog-article .article-content h2{
        font-size:24px
    }
    .blog-article .article-content .blockquote p{
        font-size:17px
    }
    .blog-article .another-content .content-img .row .col-6{
        padding-left:7px!important;
        padding-right:7px!important
    }
    .blog-article .blog-article-share .social-icon li{
        margin-right:0
    }
    .blog-article .blog-article-share .social-icon li:first-child{
        margin-right:10px
    }
    .blog-article .comments-wrap ul li{
        padding-left:0
    }
    .blog-article .comments-wrap ul li img{
        position:inherit;
        left:0;
        margin-bottom:15px
    }
    .blog-article .comments-wrap ul li a{
        position:inherit;
        top:0;
        left:0;
        margin-top:15px
    }
    .service-text{
        margin-top:10px;
        margin-bottom:30px
    }
    .service-view-btn{
        margin-bottom:30px
    }
    .service-shape{
        display:none
    }
    .choose-tab .tabs li{
        margin-right:10px;
        margin-bottom:10px
    }
    .choose-tab .tabs li a{
        padding:12px 25px
    }
    .choose-img{
        margin-left:0;
        margin-bottom:60px
    }
    .choose-img .images{
        bottom:-30px;
        left:-10px
    }
    .choose-img .images img{
        max-width:200px
    }
    .choose-content .section-title{
        margin-bottom:30px
    }
    .choose-content .section-title p{
        margin-bottom:25px
    }
    .choose-img-2{
        margin-left:auto;
        margin-right:auto
    }
    .choose-img-2 .choose-dots{
        display:none
    }
    .choose-content-bg{
        padding:40px 20px;
        margin-left:15px
    }
    .choose-img-3{
        margin-left:0;
        margin-right:15px
    }
    .choose-content-title .book-btn{
        padding:10px 25px
    }
    .team-view-btn{
        margin-top:30px
    }
    .team-view-btn .view-btn{
        padding:11px 25px
    }
    .project-title{
        margin-bottom:20px
    }
    .project-text{
        margin-top:0;
        margin-bottom:10px
    }
    .project-card .project-content{
        bottom:-165px
    }
    .project-card .project-content .content p{
        max-width:245px;
        margin-left:auto;
        margin-right:auto
    }
    .project-tab .tabs li{
        margin-bottom:7px;
        margin-right:10px
    }
    .project-tab .tabs li a{
        font-size:14px
    }
    .project-view-btn{
        margin-top:0;
        margin-bottom:30px
    }
    .project-article .project-status .project-comment{
        float:none;
        margin-top:15px
    }
    .project-article .project-status .project-comment h3{
        font-size:14px
    }
    .project-article .project-content h2{
        font-size:24px
    }
    .project-article .project-article-share .social-icon li{
        margin-right:0
    }
    .project-article .project-article-share .social-icon li:first-child{
        margin-right:10px
    }
    .client-area{
        padding-bottom:20px
    }
    .client-title{
        margin-bottom:25px
    }
    .client-text{
        margin-top:0;
        margin-bottom:30px
    }
    .client-card p{
        max-width:95%
    }
    .client-card .client-card-quote{
        margin-top:-15px
    }
    .client-shape{
        display:none
    }
    .leader-area{
        padding-top:50px;
        padding-bottom:20px
    }
    .pagination-area{
        margin-top:0
    }
    .contact-area{
        padding-top:50px
    }
    .contact-area-bg{
        margin-top:0
    }
    .contact-area-bg::before{
        display:none
    }
    .contact-form{
        padding:30px 20px
    }
    .contact-card i{
        width:50px;
        height:50px;
        line-height:50px;
        font-size:20px
    }
    .contact-card .content{
        padding-left:75px
    }
    .contact-card .content h3{
        font-size:18px
    }
    .user-all-form .contact-form .forget{
        float:none
    }
    .footer-widget .footer-logo{
        margin-bottom:20px
    }
    .footer-widget .footer-logo img{
        max-width:120px
    }
    .footer-widget h3{
        margin-top:0;
        font-size:21px;
        margin-bottom:20px
    }
    .error-area{
        height:100vh;
        padding-top:0;
        padding-bottom:0
    }
    .error-area .error-content h3{
        margin-bottom:10px;
        font-size:25px
    }
    .error-area .error-content p{
        font-size:16px;
        padding:0 15px
    }
    .coming-soon-area .coming-soon-content{
        padding-top:30px;
        padding-bottom:20px;
        padding-left:15px;
        padding-right:15px
    }
    .coming-soon-area .coming-soon-content h1{
        font-size:30px;
        line-height:1.1;
        margin-top:0
    }
    .coming-soon-area .coming-soon-content p{
        font-size:14px;
        margin-top:15px
    }
    .coming-soon-area .coming-soon-content #timer{
        margin-top:10px
    }
    .coming-soon-area .coming-soon-content #timer div{
        font-size:30px;
        margin-left:5px;
        margin-right:5px
    }
    .coming-soon-area .coming-soon-content #timer div span{
        font-size:14px;
        margin-top:-5px
    }
    .coming-soon-area .coming-soon-content #timer div::before{
        display:none
    }
    .coming-soon-area .coming-soon-content .newsletter-form{
        margin-top:20px;
        margin-bottom:20px
    }
    .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter{
        height:55px;
        padding-left:13px;
        font-size:15px
    }
    .coming-soon-area .coming-soon-content .newsletter-form button{
        position:relative;
        font-size:14px;
        margin-top:15px;
        width:100%;
        height:50px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .about-img .about-img-small{
        left:-25px
    }
    .about-img .about-img-small img{
        max-width:100%
    }
    .about-img-2 .about-img-small-2{
        left:-25px
    }
    .about-img-2 .about-img-small-2 img{
        max-width:100%
    }
    .about-img-2 .about-dots{
        display:none
    }
    .choose-img .images{
        left:-25px
    }
    .choose-img .images img{
        max-width:100%
    }
    .project-card .project-content{
        bottom:-142px
    }
    .project-card .project-content .content p{
        max-width:300px;
        margin-left:auto;
        margin-right:auto
    }
    .project-article .project-status .project-comment{
        float:right;
        margin-top:0
    }
    .blog-article .blog-status .blog-comment{
        float:right;
        margin-top:0
    }
    .blog-article .blog-status .blog-comment h3{
        font-size:14px
    }
    .user-all-form .contact-form .forget{
        float:right
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    body{
        font-size:14px
    }
    .ptb-100{
        padding-top:50px;
        padding-bottom:50px
    }
    .pt-100{
        padding-top:50px
    }
    .ptb-70{
        padding-top:20px;
        padding-bottom:50px
    }
    .pb-100{
        padding-bottom:50px
    }
    .pt-70{
        padding-top:30px
    }
    .pb-90{
        padding-bottom:50px
    }
    .pb-70{
        padding-bottom:20px
    }
    .pt-45{
        padding-top:30px
    }
    .pt-20{
        padding-top:0
    }
    .pb-20{
        padding-bottom:0
    }
    .default-btn{
        padding:8px 25px
    }
    .section-title span{
        font-size:12px
    }
    .section-title h2{
        font-size:26px
    }
    .section-title p{
        padding-top:10px
    }
    h3{
        font-size:21px
    }
    .header-left{
        text-align:center
    }
    .header-left .header-left-card ul li{
        padding-left:0;
        padding-top:5px;
        padding-bottom:5px
    }
    .header-left .header-left-card ul li::before{
        top:6px
    }
    .header-left .header-left-card ul li .head-icon{
        left:0;
        top:2px;
        -webkit-transform:translateY(0%);
        transform:translateY(0%);
        font-size:20px
    }
    .header-left .header-left-card ul li a{
        margin-top:0;
        font-size:13px
    }
    .header-right{
        float:none;
        max-width:295px;
        margin:0 auto;
        padding-left:12px
    }
    .top-social-link::before{
        top:15px;
        right:-19px
    }
    .top-social-link ul{
        list-style:none;
        margin:0;
        padding:0
    }
    .top-social-link ul li{
        display:inline-block;
        margin-right:5px
    }
    .top-social-link ul li a{
        width:24px;
        height:24px;
        line-height:24px;
        text-align:center;
        font-size:14px
    }
    .language{
        margin-top:-54px;
        z-index:9999
    }
    .mobile-nav .logo img{
        max-width:120px;
        height:40px;
        margin-top:-5px
    }
    .mobile-nav .logo .logo-two{
        display:none
    }
    .mobile-nav .logo .logo-one{
        display:inline-block
    }
    .others-options{
        display:none!important
    }
    .side-nav-responsive{
        display:block
    }
    .side-nav-responsive .container{
        position:relative;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .side-nav-responsive .container .container{
        position:absolute;
        top:55px;
        right:-20px;
        max-width:185px;
        margin-left:auto;
        opacity:0;
        visibility:hidden;
        -webkit-transition:.7s;
        transition:.7s;
        -webkit-transform:scaleX(0);
        transform:scaleX(0);
        z-index:2;
        padding-left:15px;
        padding-right:15px
    }
    .banner-area::before{
        display:none
    }
    .banner-area::after{
        display:none
    }
    .banner-content{
        position:relative;
        z-index:1;
        padding-top:130px;
        text-align:center
    }
    .banner-content h1{
        font-size:35px;
        margin-bottom:20px
    }
    .banner-content p{
        margin-bottom:20px;
        font-size:16px
    }
    .banner-content .banner-btn .contact-btn{
        padding:10px 25px
    }
    .banner-content .banner-btn .get-btn{
        padding:10px 25px
    }
    .banner-img{
        margin-top:30px;
        padding:0 0 80px;
        margin-right:0;
        text-align:center
    }
    .banner-img::before{
        display:none
    }
    .banner-img .dots{
        display:none
    }
    .banner-shape{
        display:none
    }
    .down-btn-area{
        display:none
    }
    .banner-area-two{
        background-color:#f5f8fe;
        position:relative
    }
    .banner-area-two::before{
        display:none
    }
    .banner-img-two{
        background-color:#f5f8fe
    }
    .banner-img-two::before{
        display:none
    }
    .banner-img-two::after{
        display:none
    }
    .banner-img-two .banner-images{
        margin-left:auto;
        margin-right:auto;
        text-align:center;
        padding-top:130px
    }
    .banner-img-two .dots{
        display:none
    }
    .banner-img-two .banner-half-circle{
        display:none
    }
    .banner-two-content{
        margin-left:auto;
        margin-right:auto;
        padding-top:30px;
        padding-bottom:80px;
        text-align:center
    }
    .banner-two-content h1{
        font-size:35px
    }
    .banner-two-shape{
        display:none
    }
    .banner-area-three::after{
        display:none
    }
    .banner-content-three{
        padding-top:130px;
        padding-bottom:80px;
        max-width:100%
    }
    .inner-banner .inner-title{
        padding-top:120px;
        padding-bottom:60px
    }
    .inner-banner .inner-title::before{
        display:none
    }
    .inner-banner .inner-title h3{
        font-size:26px
    }
    .inner-banner .inner-title ul li{
        font-size:16px
    }
    .status-area{
        margin-top:0;
        padding-top:50px
    }
    .status-bg{
        padding-top:10px;
        padding-bottom:30px
    }
    .status-card{
        padding:20px 20px 0;
        text-align:center
    }
    .status-card::before{
        display:none
    }
    .status-card i{
        font-size:75px
    }
    .status-card .status-bottom-1{
        display:none
    }
    .status-card .status-bottom-2{
        display:none
    }
    .status-card .status-bottom-3{
        display:none
    }
    .about-img{
        margin-left:auto;
        margin-bottom:60px;
        margin-right:auto
    }
    .about-img::before{
        display:none
    }
    .about-img .about-img-small{
        position:absolute;
        bottom:-30px;
        left:-20px
    }
    .about-content h2{
        margin-top:10px;
        margin-bottom:20px;
        font-size:26px
    }
    .about-content p{
        margin-bottom:10px
    }
    .about-content .about-counter{
        margin-bottom:10px
    }
    .about-content .about-btn{
        margin-top:20px
    }
    .about-content .about-btn .learn-btn{
        padding:10px 25px
    }
    .about-content .about-btn .get-btn{
        padding:10px 25px
    }
    .about-img-2{
        margin-left:auto;
        margin-bottom:60px;
        margin-right:auto
    }
    .about-img-2 .about-img-small-2{
        position:absolute;
        bottom:-30px;
        left:-25px
    }
    .about-img-2 .about-dots{
        display:none
    }
    .about-area .container-fluid{
        max-width:720px
    }
    .about-img-3 img{
        border-radius:5px
    }
    .about-content-max{
        margin-left:0
    }
    .about-polygon-shape{
        display:none
    }
    .project-card .project-content{
        bottom:-140px
    }
    .video-area{
        padding-top:50px;
        padding-bottom:50px;
        margin-bottom:0
    }
    .video-btn{
        margin-top:20px;
        margin-bottom:30px;
        float:none;
        text-align:center
    }
    .video-btn .video-play-btn{
        font-size:20px;
        width:100px;
        height:50px;
        line-height:50px
    }
    .video-content{
        margin-left:auto;
        text-align:center
    }
    .video-content .section-title h2{
        margin-left:auto;
        margin-right:auto
    }
    .video-btn-two{
        margin-top:20px;
        margin-bottom:30px;
        float:none;
        text-align:center
    }
    .video-btn-two .play-on-btn{
        font-size:20px;
        width:100px;
        height:50px;
        line-height:50px
    }
    .video-content-two .section-title h2{
        max-width:510px
    }
    .guidelines-area{
        bottom:0;
        margin-top:30px
    }
    .guidelines-area::before{
        display:none
    }
    .guidelines-content{
        padding:30px 20px;
        position:relative;
        z-index:1
    }
    .guidelines-content h2{
        font-size:26px;
        margin-bottom:15px
    }
    .guidelines-img{
        margin-right:auto;
        margin-left:auto;
        padding-left:15px;
        margin-bottom:30px
    }
    .guidelines-content-bg{
        margin-right:15px
    }
    .guidelines-content-two{
        padding:30px 20px;
        position:relative;
        z-index:1
    }
    .guidelines-content-two h2{
        font-size:26px;
        margin-bottom:15px
    }
    .guidelines-content-two .content h3{
        font-size:20px
    }
    .guidelines-max{
        max-width:100%;
        margin-left:auto;
        margin-right:15px
    }
    .service-text{
        margin-top:10px;
        margin-bottom:30px
    }
    .service-view-btn{
        margin-bottom:30px
    }
    .service-shape{
        display:none
    }
    .choose-tab .tabs li{
        margin-right:10px;
        margin-bottom:10px
    }
    .choose-tab .tabs li a{
        padding:12px 25px
    }
    .choose-img{
        margin-left:0;
        margin-bottom:60px
    }
    .choose-img .images{
        bottom:-30px;
        left:-20px
    }
    .choose-img-2{
        margin-left:auto;
        margin-right:auto
    }
    .choose-img-2 .choose-dots{
        display:none
    }
    .choose-content-bg{
        padding:40px 20px;
        margin-left:15px
    }
    .choose-img-3{
        margin-left:0;
        margin-right:15px
    }
    .choose-content-title .book-btn{
        padding:10px 25px
    }
    .team-view-btn{
        margin-top:30px
    }
    .team-view-btn .view-btn{
        padding:11px 25px
    }
    .project-title{
        margin-bottom:20px
    }
    .project-text{
        margin-top:0;
        margin-bottom:10px
    }
    .project-tab .tabs li{
        margin-bottom:7px;
        margin-right:10px
    }
    .project-tab .tabs li a{
        font-size:15px
    }
    .project-view-btn{
        margin-top:0;
        margin-bottom:30px
    }
    .client-area{
        padding-bottom:20px
    }
    .client-title{
        margin-bottom:25px
    }
    .client-text{
        margin-top:0;
        margin-bottom:30px
    }
    .client-shape{
        display:none
    }
    .leader-area{
        padding-top:50px;
        padding-bottom:20px
    }
    .leader-content .section-title h2{
        max-width:410px
    }
    .contact-area{
        padding-top:50px
    }
    .contact-area-bg{
        margin-top:0
    }
    .contact-area-bg::before{
        display:none
    }
    .contact-form{
        padding:30px 20px
    }
    .contact-card i{
        width:50px;
        height:50px;
        line-height:50px;
        font-size:20px
    }
    .contact-card .content{
        padding-left:65px
    }
    .contact-card .content h3{
        font-size:17px
    }
    .footer-widget .footer-logo{
        margin-bottom:20px
    }
    .footer-widget .footer-logo img{
        max-width:120px
    }
    .footer-widget h3{
        margin-top:0;
        font-size:21px;
        margin-bottom:20px
    }
    .pagination-area{
        margin-top:0
    }
    .error-area{
        height:100vh;
        padding-top:70px;
        padding-bottom:70px
    }
    .error-area .error-content h3{
        margin-bottom:10px;
        font-size:25px
    }
    .error-area .error-content p{
        font-size:16px;
        padding:0 15px
    }
    .coming-soon-area .coming-soon-content{
        padding-top:30px;
        padding-bottom:20px;
        padding-left:15px;
        padding-right:15px
    }
    .coming-soon-area .coming-soon-content h1{
        font-size:40px;
        line-height:1.1;
        margin-top:0
    }
    .coming-soon-area .coming-soon-content p{
        font-size:14px;
        margin-top:15px
    }
    .coming-soon-area .coming-soon-content #timer{
        margin-top:10px
    }
    .coming-soon-area .coming-soon-content #timer div{
        font-size:35px;
        margin-left:15px;
        margin-right:15px
    }
    .coming-soon-area .coming-soon-content #timer div span{
        font-size:14px;
        margin-top:-5px
    }
    .coming-soon-area .coming-soon-content #timer div::before{
        display:none
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .banner-img::before{
        height:540px
    }
    .banner-two-content h1{
        font-size:45px
    }
    .status-card i{
        font-size:75px
    }
    .status-card .status-bottom-1{
        width:320px
    }
    .status-card .status-bottom-2{
        width:320px
    }
    .status-card .status-bottom-3{
        width:328px
    }
    .about-img::before{
        height:455px
    }
    .about-img-2 .about-dots{
        right:-50px
    }
    .about-img-3 img{
        height:500px
    }
    .blog-card .content{
        padding:30px 15px
    }
    .blog-card .content h3{
        font-size:18px
    }
    .blog-card .content ul li{
        font-size:13px
    }
    .service-item .content h3{
        font-size:20px
    }
    .services-details-content .service-advantage .service-content{
        padding:30px 15px
    }
    .choose-img-2 .choose-dots{
        right:-25px
    }
    .choose-content-bg{
        padding:50px 0 50px 30px
    }
    .choose-content-list-color .content{
        margin-left:70px
    }
    .choose-content-list-color .content p{
        font-size:14px
    }
    .guidelines-max{
        max-width:1000px;
        margin-left:auto
    }
    .faq-accordion .accordion .accordion-title{
        font-size:17px
    }
    .footer-widget h3{
        font-size:20px
    }
}
@media only screen and (min-width:1800px){
    .banner-area::before{
        left:30%
    }
    .banner-area::after{
        left:44%
    }
    .banner-area-three::after{
        left:29%
    }
    .banner-two-shape .shape-1{
        left:10%
    }
    .banner-two-shape .shape-2{
        left:7%
    }
    .service-shape .shape1{
        left:10%
    }
    .service-shape .shape2{
        left:10%
    }
    .service-shape .shape3{
        left:15%;
        bottom:17%
    }
    .guidelines-max{
        max-width:1400px
    }
    .client-shape .shape1{
        left:15%
    }
}
@media only screen and (min-width:1400px){
    .about-content-max{
        max-width:610px
    }
    .banner-two-content{
        max-width:670px;
        margin-left:0
    }
    .banner-two-content p{
        max-width:670px
    }
    .status-card .status-bottom-1{
        width:435px
    }
    .status-card .status-bottom-2{
        width:440px
    }
    .status-card .status-bottom-3{
        width:448px
    }
    .guidelines-max{
        max-width:1590px
    }
    .guidelines-content-two{
        padding:100px 0 100px 100px;
        max-width:700px
    }
    .choose-max{
        margin-right:80px
    }
    .choose-content .section-title p{
        max-width:700px
    }
    .blog-card .content{
        padding:30px 10px
    }
}