@media (min-width:1200px) and (max-width:1600px) {
    .page-banner-img {
        right: 0
    }
    .singup-form-wraper .login-form-new-inner {
        top: 70px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    #loginForm1 .login-form-new-inner {
        top: 80px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    .swiper-slide-video {
        width: 36%
    }
    .seo-form-img4 {
        top: 160px;
        right: 5%
    }
    .seo-form-img2 {
        bottom: -10px;
        left: 70px
    }
    .seo-form-img3 {
        bottom: 29px;
        right: 608px;
        display: none
    }
    .seo-form-img3 img {
        width: 50%
    }
    .seo-score-img2 {
        top: 100px;
        right: 10%
    }
    .slide3 .container-slider {
        margin: auto auto auto 50px;
        width: 1170px
    }
    .slide4 .container-slider {
        margin: auto auto auto 50px;
        width: 100%
    }
    .slide4 .swiper-slide-video {
        width: 48%;
        float: left;
        padding: 0 0 0;
        margin-left: 46px
    }
    .slide1 .container-slider {
        width: 100%;
        margin: auto auto auto 50px
    }
    .container-slider {
        margin: auto auto auto 50px;
        width: 1166px
    }
    .slide2 .swiper-slide-content {
        width: 55%;
        float: left;
        padding: 90px 0 190px
    }
    .slide4 .swiper-slide-content h2,
    .slide4 .swiper-slide-content h3 {
        font-size: 64px;
        line-height: 97px
    }
    .slide4 .swiper-slide-content h2::before,
    .slide4 .swiper-slide-content h3::before {
        height: 99%
    }
    .h_slides {
        height: 700px
    }
    .swiper-slide-content h2,
    .swiper-slide-content h3 {
        font-size: 64px
    }
    .slide1 .swiper-slide-content h2 span,
    .slide1 .swiper-slide-content h3 span {
        position: relative;
        display: block;
        line-height: 68px
    }
    .slide1 .swiper-slide-content h2 span small,
    .slide1 .swiper-slide-content h3 span small {
        font-size: 12px;
        left: 190px;
        top: 9px;
        letter-spacing: -1px
    }
    .slide4 .swiper-slide-content {
        padding: 63px 0 108px
    }
    .slide4 .swiper-slide-video img {
        width: 100%;
        height: 700px
    }
    .slide2 .swiper-slide-content h2,
    .slide2 .swiper-slide-content h3 {
        font-size: 65px;
        line-height: 75px;
        margin-bottom: 28px
    }
    .slide3 .swiper-slide-content h2,
    .slide3 .swiper-slide-content h3 {
        font-size: 65px;
        line-height: 75px;
        margin-bottom: 40px
    }
    .slide5 .swiper-slide-content h2,
    .slide5 .swiper-slide-content h3 {
        font-size: 65px;
        margin-bottom: 16px;
        line-height: 68px;
        text-transform: uppercase
    }
    .packge-btn-img {
        display: none
    }
    .single_package_btn {
        right: 0;
        width: 165px
    }
    .seo-opt-img img {
        width: 124%
    }
    .why-choose-us-content ul li {
        font-size: 16px;
        line-height: 42px
    }
    .why-choose-img {
        position: absolute;
        right: -43px;
        top: 0
    }
}

@media (min-width:1200px) and (max-width:1350px) {
    .slide4 .swiper-slide-content h2::before,
    .slide4 .swiper-slide-content h3::before {
        display: none
    }
    .seo-opt-img img {
        width: 110%
    }
    .why-choose-img img {
        width: 90%
    }
    .why-choose-img {
        position: absolute;
        right: -22px;
        top: 0
    }
    .why-choose-loadding {
        position: absolute;
        left: 50px;
        top: -4px;
        transform: rotate(-174deg)
    }
    .why-choose-loadding5 {
        position: absolute;
        left: -20px;
        top: 160px;
        transform: rotate(158deg)
    }
    .why-choose-loadding4 {
        position: absolute;
        left: 98px;
        bottom: -49px;
        transform: rotate(-257deg)
    }
    .why-choose-loadding2 {
        position: absolute;
        right: 126px;
        top: -39px;
        transform: rotate(-67deg)
    }
    .why-choose-loadding3 {
        position: absolute;
        right: 26px;
        top: 139px;
        transform: rotate(-19deg)
    }
    .why-choose-loadding1 {
        position: absolute;
        right: 108px;
        bottom: -22px;
        transform: rotate(21deg)
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .canonical_title {
        font-size: 40px
    }
    .achivment-section {
        padding-top: 80px;
        padding-bottom: 141px
    }
    .half-img {
        left: 43px
    }
    .activity-img {
        bottom: 0;
        position: absolute;
        right: 0;
        width: 92%;
        height: 157px
    }
    .seo-score-img1 {
        display: none
    }
    .newslatter-img1 {
        left: 0;
        bottom: -50px
    }
    .newslatter-img2 {
        right: 1%;
        bottom: 68px
    }
    .newslatter-img3 {
        top: 76%;
        left: 515px
    }
    .login-form-new-inner {
        top: 50%;
        transform: translateY(-37%);
        -webkit-transform: translateY(-37%);
        -moz-transform: translateY(-37%);
        -ms-transform: translateY(-37%);
        -o-transform: translateY(-37%)
    }
    .login-socail-form {
        margin: 42px 0 47px
    }
    .swiper-slide-video {
        width: 36%;
        padding: 112px 0 89px
    }
    .swiper-slide-content {
        width: 58%;
        float: left;
        padding: 114px 0 153px
    }
    .swiper-slide-active .slide-bottom-arrow {
        bottom: -110px
    }
    .newsletter-section .seo-score-img.wow.fadeInUp {
        display: none
    }
    .slide3 .container-slider {
        margin: auto auto auto 50px;
        width: 1170px
    }
    .slide4 .container-slider {
        margin: auto auto auto 50px;
        width: 100%
    }
    .slide4 .swiper-slide-video {
        width: 48%;
        float: left;
        padding: 0 0 0;
        margin-left: 46px
    }
    .slide1 .container-slider {
        width: 100%;
        margin: auto auto auto 50px
    }
    .container-slider {
        margin: auto auto auto 50px;
        width: 1166px
    }
    .slide2 .swiper-slide-content {
        width: 55%;
        float: left;
        padding: 90px 0 190px
    }
    .slide4 .swiper-slide-content h2,
    .slide4 .swiper-slide-content h3 {
        font-size: 64px;
        line-height: 97px
    }
    .slide4 .swiper-slide-content h2::before,
    .slide4 .swiper-slide-content h3::before {
        height: 99%
    }
    .h_slides {
        height: 700px
    }
    .swiper-slide-content h2,
    .swiper-slide-content h3 {
        font-size: 64px
    }
    .slide1 .swiper-slide-content h2 span,
    .slide1 .swiper-slide-content h3 span {
        position: relative;
        display: block;
        line-height: 68px
    }
    .slide1 .swiper-slide-content h2 span small,
    .slide1 .swiper-slide-content h3 span small {
        font-size: 12px;
        left: 190px;
        top: 9px;
        letter-spacing: -1px
    }
    .slide4 .swiper-slide-content {
        padding: 63px 0 108px
    }
    .slide4 .swiper-slide-video img {
        width: 100%;
        height: 700px
    }
    .slide2 .swiper-slide-content h2,
    .slide2 .swiper-slide-content h3 {
        font-size: 65px;
        line-height: 75px;
        margin-bottom: 28px
    }
    .slide3 .swiper-slide-content h2,
    .slide3 .swiper-slide-content h3 {
        font-size: 65px;
        line-height: 75px;
        margin-bottom: 40px
    }
    .slide5 .swiper-slide-content h2,
    .slide5 .swiper-slide-content h3 {
        font-size: 65px;
        margin-bottom: 16px;
        line-height: 68px;
        text-transform: uppercase
    }
    .footer-animation4 {
        right: 11%
    }
    .footer-animation5 {
        right: 30%
    }
    .footer-widget-area {
        padding-bottom: 46px
    }
}

@media (min-width:991px) and (max-width:1200px) {
    .blog-banner-contents h1,
    .blog-banner-contents h2 {
        font-size: 40px
    }
    .test-caro-title {
        margin-bottom: 135px
    }
    .test-client-img {
        left: -82px;
        top: -132px
    }
    .package-btn-content {
        left: auto
    }
    .fixed-testmonial-shap {
        margin-top: 110px
    }
    .test-content-in {
        position: relative;
        top: 0
    }
    .test-content-in p {
        padding-right: 0
    }
    .canonical_title {
        font-size: 35px
    }
    .half-img {
        display: none
    }
    .achivment-section {
        padding-top: 80px;
        padding-bottom: 191px
    }
    .clearfix.visible-sm {
        display: block!important
    }
    .single-service-big .service-img img {
        width: auto;
        margin-bottom: 30px
    }
    .service-section .clearfix.hidden-sm {
        display: none
    }
    .menu a {
        padding: 0 11px
    }
    .ab-package-tab {
        margin-bottom: 42px;
        padding-left: 0
    }
    .doodle_footer-socail a {
        font-size: 22px!important;
        width: 36px;
        height: 36px
    }
    .footer-animation5 {
        bottom: 10px
    }
    .footer-widget-area .widget {
        margin-bottom: 30px
    }
    .footer-widget-area {
        padding-bottom: 0
    }
    .footer-animation4 {
        right: 45px
    }
    .footer-info-area {
        padding-top: 56px;
        padding-bottom: 15px
    }
    .seo-opt-img img {
        width: 100%
    }
    .case-details-section .section-title-4 h2,
    .case-details-section .section-title-4 h3,
    .key-element-sec .section-title-4 h2,
    .key-element-sec .section-title-4 h3,
    .through-our-sec .section-title-4 h2,
    .through-our-sec .section-title-4 h3 {
        font-size: 33px
    }
    .sm-content.case-study-de-content h2 {
        margin-bottom: 15px;
        font-size: 30px
    }
    .key-element-image {
        margin-top: 36px;
        margin-bottom: 25px
    }
    .contact-info {
        margin-bottom: 30px
    }
    .page-banner-img {
        right: 0
    }
    .home-blog-meta {
        display: none
    }
    .main-menu ul>li a {
        font-size: 14px
    }
    .main-menu ul>li {
        min-width: 82px
    }
    .seo-score-img.wow.slideInLeft {
        bottom: -160px!important
    }
    .seo-score-img.wow.fadeInUp img,
    .seo-score-img.wow.slideInLeft img {
        display: none!important
    }
    .seo-score-img {
        display: none
    }
    .swiper-slide-video img {
        width: 100%;
        height: auto
    }
    .account-sidebar ul li a i {
        margin-right: 10px
    }
    .search-inner {
        width: 90%
    }
    .maintance-img img {
        position: relative;
        left: 0;
        width: 100%
    }
    .t-hover-in {
        left: -203px;
        top: -30px
    }
    .single-team:hover .t-hover-in {
        top: -111px
    }
    .acc-download-img {
        width: 30%
    }
    .hovercontent-item {
        top: 50%
    }
    .main-acc-download-img .acc-download-img:nth-of-type(12),
    .main-acc-download-img .acc-download-img:nth-of-type(15),
    .main-acc-download-img .acc-download-img:nth-of-type(3),
    .main-acc-download-img .acc-download-img:nth-of-type(6),
    .main-acc-download-img .acc-download-img:nth-of-type(9) {
        margin-right: 0
    }
    .main-acc-download-img .acc-download-img:nth-of-type(12),
    .main-acc-download-img .acc-download-img:nth-of-type(16),
    .main-acc-download-img .acc-download-img:nth-of-type(4),
    .main-acc-download-img .acc-download-img:nth-of-type(8) {
        margin-right: 17px
    }
    .seo-score-section {
        padding: 82px 0 111px 0
    }
    .pkg-single-feacture {
        width: 28.4%
    }
    .singup-form-wraper .login-form-new-inner {
        top: 70px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    #loginForm1 .login-form-new-inner {
        top: 80px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    .slide4 .container-slider {
        margin: auto auto auto 43px;
        width: 100%
    }
    .slide4 .swiper-slide-content {
        width: 43%;
        float: left;
        padding: 80px 0 70px
    }
    .slide4 .swiper-slide-content h2,
    .slide4 .swiper-slide-content h3 {
        font-size: 50px;
        line-height: 80px;
        padding: 0;
        margin-bottom: 13px
    }
    .slide4 .swiper-slide-content h2::before,
    .slide4 .swiper-slide-content h3::before {
        display: none
    }
    .slide1 .container-slider {
        width: 100%;
        margin: auto auto auto 43px
    }
    .slide1 .swiper-slide-content h2 span,
    .slide1 .swiper-slide-content h3 span {
        line-height: 58px
    }
    .slide1 .swiper-slide-content h2 span small,
    .slide1 .swiper-slide-content h3 span small {
        font-size: 11px;
        left: 134px;
        top: 8px;
        letter-spacing: 0
    }
    .h_slides {
        height: auto
    }
    .container-slider {
        margin: auto auto auto 43px;
        width: 940px
    }
    .doddle-btn {
        padding: 16px 30px
    }
    .slide2 .swiper-slide-content h2,
    .slide2 .swiper-slide-content h3 {
        font-size: 50px;
        line-height: 53px;
        margin-bottom: 28px
    }
    .slide2 .swiper-slide-content {
        width: 56%;
        float: left;
        padding: 140px 0 190px;
        margin-right: 10px
    }
    .slide3 .container-slider {
        margin: auto auto auto 43px;
        width: 940px
    }
    .slide3 .swiper-slide-content h2,
    .slide3 .swiper-slide-content h3 {
        font-size: 50px;
        line-height: 51px;
        margin-bottom: 23px
    }
    .slide5 .swiper-slide-content h2 .slide5 .swiper-slide-content h3 {
        font-size: 50px;
        margin-bottom: 10px;
        line-height: 52px;
        text-transform: uppercase
    }
    .slide4 .swiper-slide-video img {
        width: 100%;
        height: auto
    }
    .slide1 .swiper-slide-video {
        width: 59%;
        float: left;
        padding: 50px 0 70px
    }
    .slide1 .swiper-slide-content {
        width: 40%;
        float: left;
        padding: 106px 0 70px
    }
    .slide5 .swiper-slide-content {
        width: 50%;
        float: left;
        padding: 99px 0 70px
    }
    .slide3 .swiper-slide-content {
        width: 57%;
        padding: 100px 0 70px
    }
    .slide2 .swiper-slide-content {
        padding: 109px 0 94px
    }
    .swiper-slide-active .slide-bottom-arrow {
        bottom: -160px
    }
    .single_package_btn {
        position: fixed;
        height: 130px;
        width: 109px;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1
    }
    .packge-btn-img {
        display: none
    }
    .package-pfooter .pkg-single-feacture.three,
    .pkg-single-feacture {
        padding-left: 15px
    }
    .pkg-single-feacture img {
        display: none
    }
    .cases-title a {
        font-size: 15px
    }
    .congratulation-content {
        margin-top: 39px
    }
}

@media (min-width:900px) and (max-width:1280px) {
    .latest-blog .blog-img img {
        margin-bottom: 10px
    }
    .blog-author {
        display: none
    }
    .slide4 .swiper-slide-content h2::before,
    .slide4 .swiper-slide-content h3::before {
        display: none
    }
    .slide4 .swiper-slide-content h2,
    .slide4 .swiper-slide-content h3 {
        font-size: 55px;
        line-height: 76px;
        padding: 0;
        margin-bottom: 17px
    }
    .login-form-new-inner {
        width: 90%
    }
    .swiper-slide-content h2,
    .swiper-slide-content h3 {
        font-size: 60px;
        line-height: 60px
    }
    .order-status a {
        margin-right: 17px
    }
    .seo-score-section {
        padding: 82px 0 111px 0
    }
    .singup-form-wraper .login-form-new-inner {
        top: 70px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    .con-info {
        margin-bottom: 30px
    }
    .newsletter-section {
        padding-top: 67px;
        padding-bottom: 70px
    }
    .blog-adds.text-center img {
        width: 100%
    }
    .blog-page-section {
        padding-bottom: 49px
    }
    .package-pheader {
        margin-bottom: 29px
    }
    .why-choose-img {
        display: none
    }
    .blog-item .blog-author {
        display: block
    }
    .blog-item .home-blog-meta {
        display: block;
        margin-bottom: 0
    }
}

@media (min-width:1281px) and (max-width:1400px) {
    .newsletter-section .seo-score-img.fadeInUp {
        display: none
    }
    .newsletter-section .seo-score-img.newslatter-img2,
    .newsletter-section .seo-score-img.newslatter-img3 {
        display: block!important
    }
    .seo-score-section {
        padding-bottom: 154px
    }
    .section-title-4 h2,
    .section-title-4 h3 {
        font-size: 40px
    }
    .icon-box-3 h2,
    .icon-box-3 h2 a,
    .icon-box-3 h3,
    .icon-box-3 h3 a {
        font-size: 22px
    }
    .about-content {
        margin-bottom: 38px
    }
    .about-mission {
        margin-bottom: 36px
    }
    .testmonial-section {
        padding-bottom: 100px;
        padding-top: 49px;
        overflow: hidden
    }
    .seo-score-img2 {
        top: 42px;
        right: 10%
    }
    .single-blog-post-big.single-blog-page .home-blog-meta {
        margin-bottom: 0
    }
}
.footer-coppyright a{
    color: #0088cc!important;
}
.style-details-vari {
    padding: 15px;
}
@media (min-width:991px) and (max-width:1024px) {
    .test-caro-title {
        margin-bottom: 135px
    }
    .test-client-img {
        left: -82px;
        top: -132px
    }
    .fixed-testmonial-shap {
        margin-top: 95px
    }
    .test-content-in {
        position: relative;
        top: 0
    }
    .swiper-slide-btn .doddle-btn {
        font-size: 16px
    }
    .half-img {
        display: block
    }
    .video-wrap img {
        width: auto
    }
    .clearfix.visible-sm {
        display: block!important
    }
    .clearfix.visible-sm {
        display: block!important
    }
    .single-service.single-service-big .service-img img {
        width: auto!important;
        margin-bottom: 20px
    }
    section.common-section.team-section.bg-gray2 {
        padding-bottom: 30px
    }
    .testmonial-section {
        padding-bottom: 88px;
        padding-top: 56px;
        overflow: hidden
    }
    .contact-info-section {
        padding-top: 37px;
        padding-bottom: 36px
    }
    .clearfix.visible-sm {
        display: block!important
    }
    .section-title-4 {
        margin-bottom: 38px
    }
    .testmonial-control.blog-pagi {
    bottom: 445px;
    right: 36px;
}
    .client-logo-section {
        padding-top: 39px;
        padding-bottom: 31px
    }
    .service-section #sm_list .clearfix.hidden-sm {
        display: none
    }
    .single-blog-page .blog-dec2 p {
        margin-bottom: 11px
    }
    .sm-content blockquote {
        margin: 26px 0 22px
    }
    .single-blog-post-big.single-blog-page .blog-img {
        margin-bottom: 15px
    }
    .single-blog-post-big.single-blog-page .home-blog-meta {
        margin-top: 10px
    }
    .single-blog-post-big.single-blog-page .home-blog-meta a {
        line-height: 26px
    }
    .about-content {
        margin-bottom: 22px
    }
    .about-mission {
        margin-bottom: 23px
    }
    .main-menu ul>li {
        min-width: inherit;
        margin-left: 0
    }
    .latest-blog-section {
        padding-top: 50px;
        padding-bottom: 72px
    }
    .swiper-slide-content h2,
    .swiper-slide-content h3 {
        font-size: 50px;
        line-height: 60px
    }
    .swiper-slide-content p {
        padding-right: 0
    }
    .swiper-slide-content {
        padding: 120px 0 153px
    }
    .swiper-button-next.swiper-button-white,
    .swiper-button-next.swiper-button-white img,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white img {
        width: 35px;
        right: 10px
    }
    .swiper-button-prev.swiper-button-white,
    .swiper-button-prev.swiper-button-white img,
    .swiper-container-rtl .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white img {
        width: 35px;
        left: 10px
    }
    .doddle-btn.mr10 {
        margin-bottom: 10px
    }
    .achivment-section {
        padding-top: 50px;
        padding-bottom: 100px
    }
    .half-img {
        height: auto;
        position: relative;
        top: 0;
        width: 95%;
        left: 30px;
        margin-bottom: 40px
    }
    .single-fun-fact {
        float: left;
        margin-bottom: 140px;
        text-align: center;
        width: 24%
    }
    .activity-img {
        width: 100%
    }
    .fun-fact-wrap {
        margin-top: 70px
    }
    .work-hover h2,
    .work-hover h2 a {
        font-size: 14px;
        line-height: 22px
    }
    .test-content-in p {
        padding-right: 0
    }
    .client-logo {
        height: auto;
        left: 45px;
        margin: auto;
        position: relative;
        top: 26px;
        width: 90px
    }
    .test-content-in {
        padding-bottom: 43px;
        padding-left: 19px
    }
    .test-client-img {
        left: -187px;
        top: -118px
    }
    .single-team {
        margin-bottom: 50px
    }
    .single-client {
        margin-bottom: 30px
    }
    .section-title-4 {
        position: relative;
        z-index: 1
    }
    .footer .widget {
        margin-bottom: 30px
    }
    .single-info img {
        width: 40px;
        height: auto
    }
    .single-info h3 {
        font-size: 16px
    }
    .swiper-slide-video img {
        width: 100%
    }
    .page-banner-img {
        display: none
    }
    .main-menu ul>li a {
        font-size: 14px
    }
    .main-menu ul>li {
        min-width: 82px
    }
    .login-form-new-inner {
        width: 90%
    }
    .swiper-slide-video img {
        width: 100%;
        height: auto
    }
    .search-inner {
        width: 90%
    }
    .order-status a {
        margin-right: 15px
    }
    .order-status a p {
        font-size: 12px
    }
    .order-status a {
        margin-right: 17px
    }
    .input-groups.birthday input {
        width: 32%
    }
    .maintance-img img {
        position: relative;
        left: 0;
        width: 100%
    }
    .maintance-sec {
        padding: 100px 0
    }
    .acc-download-img {
        width: 30%
    }
    .hovercontent-item {
        top: 50%
    }
    .main-acc-download-img .acc-download-img:nth-of-type(12),
    .main-acc-download-img .acc-download-img:nth-of-type(15),
    .main-acc-download-img .acc-download-img:nth-of-type(3),
    .main-acc-download-img .acc-download-img:nth-of-type(6),
    .main-acc-download-img .acc-download-img:nth-of-type(9) {
        margin-right: 0
    }
    .main-acc-download-img .acc-download-img:nth-of-type(12),
    .main-acc-download-img .acc-download-img:nth-of-type(16),
    .main-acc-download-img .acc-download-img:nth-of-type(4),
    .main-acc-download-img .acc-download-img:nth-of-type(8) {
        margin-right: 17px
    }
    .t-dw {
        min-height: 84px
    }
    .common-section.package-section {
        padding-top: 35px
    }
    .menu a {
        padding: 0 11px
    }
    .singup-form-wraper .login-form-new-inner {
        top: 70px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    #loginForm1 .login-form-new-inner {
        top: 80px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    .section-title-4 h2,
    .section-title-4 h3 {
        font-size: 40px
    }
    .page-banner-section-inner {
        height: 255px
    }
    .page-banner-content h1,
    .page-banner-content h2 {
        font-size: 40px
    }
    .menu li>a:after,
    .menu>li>a:after {
        right: 4px
    }
    .ab-page-title h1 {
        font-size: 28px;
        margin-bottom: 16px
    }
    .package-pheader.sm-content h3 {
        margin: 15px 0
    }
    .ab-package-tab {
        margin-bottom: 50px
    }
    .border-top1.common-section.clearfix {
        padding-top: 35px;
        padding-bottom: 25px
    }
    .newsletter-section {
        padding-top: 54px;
        padding-bottom: 50px
    }
    .seo-score-title {
        font-size: 40px;
        margin-bottom: 35px
    }
    .seo-score-section {
        padding: 44px 0 67px 0
    }
    .visible-md {
        display: block!important
    }
}

@media (min-width:767px) and (max-width:991px) {
    .sm-content.case-study-de-content h2 {
        margin-bottom: 10px
    }
    .case-details-section .section-title-4 h1,
    .case-details-section .section-title-4 h2,
    .case-details-section .section-title-4 h3,
    .key-element-sec .section-title-4 h2,
    .key-element-sec .section-title-4 h3,
    .through-our-sec .section-title-4 h2,
    .through-our-sec .section-title-4 h3 {
        font-size: 36px
    }
    .test-caro-title {
        margin-bottom: 135px
    }
    .test-client-img {
        left: -229px;
        top: -132px
    }
    .fixed-testmonial-shap {
        margin-top: 95px
    }
    .canonical_title {
        font-size: 30px
    }
    .pkg-pricing-title h3 {
        font-size: 18px
    }
    .single-service-big .service-img img {
        width: auto;
        margin-bottom: 20px
    }
    .case-details-section .section-title-4 h2,
    .case-details-section .section-title-4 h3,
    .key-element-sec .section-title-4 h2,
    .key-element-sec .section-title-4 h3,
    .through-our-sec .section-title-4 h2,
    .through-our-sec .section-title-4 h3 {
        font-size: 34px
    }
    section.common-section.icon-box-3-section {
        padding: 47px 0 0
    }
    .icon-box-3 h2,
    .icon-box-3 h2 a,
    .icon-box-3 h3,
    .icon-box-3 h3 a {
        font-size: 21px;
        margin: 0 0 10px
    }
    .icon-box-2 {
        margin-bottom: 18px
    }
    .section-title-4 {
        margin-bottom: 35px
    }
    .section-title-4 h2,
    .section-title-4 h3 {
        font-size: 36px;
        margin-bottom: 10px
    }
    .seo-score-submit span {
        top: 7px
    }
    .page-banner-section-inner {
        height: 251px
    }
    .seo-score-title {
        font-size: 40px;
        margin-bottom: 36px
    }
    .seo-score-form input[type=email],
    .seo-score-form input[type=url] {
        height: 55px
    }
    .seo-score-form input[type=submit] {
        height: 55px;
        font-size: 15px
    }
    .page-banner-content h1,
    .page-banner-content h2 {
        font-size: 35px
    }
    .section-title-4 p {
        font-size: 18px;
        line-height: 25px
    }
    .mobile-ul {
        height: 300px;
        overflow-y: scroll
    }
    .about-mission {
        margin-bottom: 23px
    }
    .about-content {
        margin-bottom: 22px
    }
    .key-element-image {
        margin-top: 36px;
        margin-bottom: 25px
    }
    .package-footer-sec {
        margin-top: 0
    }
    .pkg-head h5 {
        font-size: 16px
    }
    .common-section.package-section.package-pagination {
        padding-top: 0
    }
    .blog-sidebar {
        padding-left: 0
    }
    .tab-pane .single-pkg-table .t-dw {
        min-height: 122px
    }
    .newsletter {
        margin-bottom: 10px
    }
    .t-dw {
        min-height: 77px
    }
    .main-menu ul>li {
        min-width: inherit;
        margin-left: 0
    }
    .swiper-slide-content h2,
    .swiper-slide-content h3 {
        font-size: 50px;
        line-height: 60px
    }
    .swiper-slide-content p {
        padding-right: 0
    }
    .swiper-slide-content {
        padding: 120px 0 153px
    }
    .swiper-slide-active .slide-bottom-arrow {
        bottom: -130px
    }
    .swiper-button-next.swiper-button-white,
    .swiper-button-next.swiper-button-white img,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white img {
        width: 35px;
        right: 10px
    }
    .swiper-button-prev.swiper-button-white,
    .swiper-button-prev.swiper-button-white img,
    .swiper-container-rtl .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white img {
        width: 35px;
        left: 10px
    }
    .doddle-btn.mr10 {
        margin-bottom: 10px
    }
    .achivment-section {
        padding-top: 0;
        padding-bottom: 0
    }
    .half-img {
        height: auto;
        position: relative;
        top: 0;
        width: 100%;
        margin-bottom: 40px;
        display: none
    }
    section.common-section.bg-black.achivment-section {
        padding-bottom: 0
    }
    .single-fun-fact {
        float: left;
        margin-bottom: 140px;
        text-align: center;
        width: 45%
    }
    .activity-img {
        width: 100%
    }
    .fun-fact-wrap {
        margin-top: 70px
    }
    .work-hover h2,
    .work-hover h2 a {
        font-size: 14px;
        line-height: 22px
    }
    .test-content-in p {
        padding-right: 0
    }
    .client-logo {
        height: auto;
        left: 45px;
        margin: auto;
        position: relative;
        top: 26px;
        width: 90px
    }
    .test-content-in {
        padding-bottom: 0;
        padding-left: 19px
    }
    .test-client-img {
        left: -187px;
        top: -118px
    }
    .single-team {
        margin-bottom: 40px
    }
    .single-client {
        margin-bottom: 30px
    }
    .section-title-4 {
        position: relative;
        z-index: 1
    }
    .footer .widget {
        margin-bottom: 30px
    }
    .footer-widget-area {
        padding-bottom: 26px;
        padding-top: 45px
    }
    .single-info img {
        width: 40px;
        height: auto
    }
    .single-info h3 {
        font-size: 16px
    }
    .swiper-slide-video img {
        width: 100%
    }
    .page-banner-img {
        right: 0
    }
    .case-study-nav li {
        font-size: 12px;
        margin-right: 4px;
        padding: 7px 16px
    }
    .con-info {
        margin-bottom: 30px
    }
    .sidebar-post-post {
        padding-left: 0
    }
    .sidebar-post-post img {
        position: relative;
        margin-bottom: 15px
    }
    .blog-adds img {
        width: 100%;
        height: auto
    }
    .blog-dec {
        padding: 0 10px
    }
    .blog-dec h2.blog-title2,
    .blog-dec h2.blog-title2 a {
        font-size: 16px;
        line-height: 18px
    }
    .blog-dec .blog-meta a {
        padding: 0 4px
    }
    .case-chart-icon {
        height: 390px
    }
    .case-social a {
        width: 100%
    }
    #ab-history .carousel-indicators .active,
    #ab-history .carousel-indicators li {
        font-size: 18px
    }
    .backlink-cont::after,
    .backlink-cont::before,
    .indexlink-cont::after,
    .indexlink-cont::before {
        display: none
    }
    .mobile-menu {
        cursor: pointer;
        height: 25px;
        position: absolute;
        right: 15px;
        top: -51px;
        width: 28px
    }
    .mobile-menu span {
        background: #1d2d5d;
        display: block;
        height: 3px;
        line-height: 1;
        margin-bottom: 4px;
        width: 100%
    }
    .main-menu ul li {
        display: block;
        background: 0 0;
        margin: 0;
        box-shadow: none;
        border-bottom: 0px;
        border-top:0px;
    }
    .main-menu ul li:hover {
        box-shadow: none
    }
    .main-menu ul li a {
        line-height: 1;
        padding: 16px 0
    }
    .main-menu ul li:after,
    .main-menu ul li:before {
        background: 0 0;
        border: none
    }
    .main-menu ul ul.sub-menu {
        background: #090a44;
        opacity: 1;
        position: relative;
        transform: translate3d(0, 0, 0);
        visibility: visible;
        width: 100%
    }
    .main-menu ul ul.sub-menu li {
        border-top: 1px solid #271b58;
        border-bottom: 1px solid #000
    }
    .main-menu ul ul {
        /*display: none;*/
        transition: none;
        transform: translate3d(0, 0, 0)
    }
    .login-form-new-inner {
        width: 90%
    }
    .reg-customers {
        margin-bottom: 50px
    }
    .login-form-new-inner {
        width: 90%
    }
    .successful-popup {
        width: 95%
    }
    .successful-popup {
        padding: 50px
    }
    .seo-score-img {
        display: none
    }
    .common-section {
        padding: 40px 0;
        position: relative
    }
    .single-service-content {
        margin-bottom: 39px
    }
    section.common-section.client-logo-section {
        padding-bottom: 20px
    }
    .seo-score-img.wow.fadeInRight img,
    .seo-score-img.wow.fadeInUp img,
    .seo-score-img.wow.slideInLeft img {
        display: none
    }
    .team-slider .single-team {
        margin-bottom: 0
    }
    .ab-page-title h1 {
        margin-bottom: 16px
    }
    .page-banner-img img {
        display: none
    }
    .single-search-result-thimb img {
        width: 100%
    }
    .sm-content h2 {
        font-size: 24px
    }
    .package-pheader.sm-content h3 {
        margin: 14px 0;
        font-size: 20px
    }
    .ab-package-tab {
        margin-bottom: 44px
    }
    .single-search-result-content p {
        margin-bottom: 17px
    }
    .error-search-form {
        width: 100%
    }
    .pkg-head h3 {
        font-size: 18px
    }
    .single-pkg-table div.t-data {
        font-size: 14px
    }
    .swiper-slide-video img {
        width: 100%;
        height: auto
    }
    .mobile-ul,
    .mobile-ul ul {
        margin: 0;
        padding: 0;
        list-style: none
    }
    .mobile-ul li a {
        display: block;
        text-align: left
    }
    .mobile-menu {
        cursor: pointer;
        height: 25px;
        position: absolute;
        right: 15px;
        top: -50px;
        width: 28px
    }
    .mobile-menu span {
        background: #1d2d5d;
        display: block;
        height: 3px;
        line-height: 1;
        margin-bottom: 4px;
        width: 100%
    }
    .main-menu ul.sub-menu {
        position: relative;
        width: 100%;
        perspective: 0;
        -webkit-perspective: 0;
        -moz-perspective: 0;
        -ms-perspective: 0;
        -o-perspective: 0;
        min-height: inherit;
        display: none
    }
    .main-menu ul.sub-menu li a {
        text-align: left
    }
    .main-menu ul.sub-menu li {
        opacity: 1;
        transition: none;
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0)
    }
    .main-menu ul li {
        display: block;
        background: 0 0;
        margin: 0;
        box-shadow: none;
        border-bottom: 0px;
        border-top:0px;
    }
    .main-menu ul li:hover {
        box-shadow: none
    }
    .main-menu ul li a {
        line-height: 1;
        padding: 15px 18px;
        font-size: 13px;
        color: #666;
        text-transform: uppercase;
        display: block
    }
    .main-menu ul li:after,
    .main-menu ul li:before {
        background: 0 0;
        border: none
    }
    .mobile-ul li>a:after,
    .mobile-ul>li>a:after {
        position: absolute;
        margin-left: 4px;
        font-family: fontawesome;
        top: 15px;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        right: 15px
    }
    .mobile-ul li>a:after {
        content: '\f107'
    }
    .mobile-ul>li>a:after {
        content: '\f067'
    }
    .mobile-ul>li.has-menu-items.active>a:after {
        content: '\f068'
    }
    .mobile-ul li>a:only-child:after {
        content: ''
    }
    .latest-blog .blog-date,
    .latest-blog .blog-date a {
        padding: 13px 20px
    }
    .account-sidebar ul li a {
        font-size: 14px
    }
    .account-sidebar ul li a i {
        margin-right: 5px;
        font-size: 14px;
        width: inherit
    }
    .blog-dec2 .blog-title2,
    .blog-dec2 .blog-title2 a {
        font-size: 18px;
        line-height: 22px
    }
    .blog-dec2 {
        padding-left: 10px;
        padding-right: 10px
    }
    .blog-dec2 .blog-meta a {
        padding: 0 5px
    }
    .input-groups input,
    .input-groups select {
        width: 100%
    }
    .input-groups label {
        width: 100%;
        float: none
    }
    .main-item .col-lg-3.col-sm-6:nth-child(10) .single-service-details:before,
    .main-item .col-lg-3.col-sm-6:nth-child(10) .traingle-bar,
    .main-item .col-lg-3.col-sm-6:nth-child(2) .single-service-details:before,
    .main-item .col-lg-3.col-sm-6:nth-child(2) .traingle-bar,
    .main-item .col-lg-3.col-sm-6:nth-child(6) .single-service-details:before,
    .main-item .col-lg-3.col-sm-6:nth-child(6) .traingle-bar {
        display: none
    }
    .pkg-single-feacture {
        width: 100%;
        margin-bottom: 30px
    }
    .pkg-single-feacture:after,
    .pkg-single-feacture:before {
        background: 0 0!important
    }
    .search-inner {
        width: 90%
    }
    .order-status a {
        margin-right: 10px
    }
    .order-status a p {
        font-size: 12px
    }
    .account-panel {
        background: #fbfbfc;
        padding: 30px 20px 30px 20px
    }
    .account-sidebar ul li a span {
        position: absolute;
        right: 0;
        top: 7px
    }
    .account-sidebar ul li.active::before {
        left: -21px
    }
    .input-groups.birthday input {
        width: 50%
    }
    .maintance-img img {
        position: relative;
        left: 0;
        width: 100%
    }
    .maintance-sec {
        padding: 100px 0
    }
    .maintance-socail ul li {
        margin-right: 8px
    }
    .login-socail-form ul li.face {
        background: #3b5998;
        padding: 10px 174px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.face:hover {
        padding: 10px 174px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.goo {
        background: #dd5044;
        padding: 10px 185px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.goo:hover {
        padding: 10px 185px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.twi {
        background: #1da1f2;
        padding: 10px 174px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.twi:hover {
        padding: 10px 174px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.lin {
        background: #0077b5;
        padding: 10px 188px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.lin:hover {
        padding: 10px 188px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li span {
        transform: scale(1);
        opacity: 1
    }
    .login-socail-form ul li a {
        font-size: 14px
    }
    .login-socail-form ul li span {
        font-size: 14px
    }
    .login-socail-form ul li {
        min-width: 223px;
        margin-bottom: 5px
    }
    .login-form-new-inner {
        padding: 50px 26px 0
    }
    .or-separator {
        display: none
    }
    .form-button.pull-left {
        margin-bottom: 20px
    }
    .page-banner-content p {
        padding: 20px
    }
    .blog-sidebar .widget ul li a {
        font-size: 15px
    }
    .guest-login-here {
        padding-top: 0;
        text-align: center;
        padding-left: 0;
        margin-bottom: 20px
    }
    .t-hover-in {
        left: -150px;
        top: -30px
    }
    .single-team:hover .t-hover-in {
        top: -57px
    }
    .single-table-pert-info ul li {
        display: inline-block;
        list-style: none;
        font-size: 12px;
        font-weight: 600;
        color: #fefefe;
        padding: 11px 17px
    }
    .ab-th-data {
        font-size: 16px
    }
    .ab-single-packge-curcular .ab-table-td.ab-table-td-number {
        padding-left: 10px
    }
    .ab-table-th {
        padding-left: 9px;
        text-align: center
    }
    .ab-th-data {
        font-size: 15px
    }
    .ab-content-parti-pckg-left .ab-table-th {
        padding-left: 24px
    }
    .ab-content-parti-pckg-left .ab-table-td .ab-t-data {
        margin: inherit;
        padding-left: 34px
    }
    .acc-download-img {
        width: 30%
    }
    .hovercontent-item {
        top: 50%
    }
    .main-acc-download-img .acc-download-img:nth-of-type(12),
    .main-acc-download-img .acc-download-img:nth-of-type(15),
    .main-acc-download-img .acc-download-img:nth-of-type(3),
    .main-acc-download-img .acc-download-img:nth-of-type(6),
    .main-acc-download-img .acc-download-img:nth-of-type(9) {
        margin-right: 0
    }
    .main-acc-download-img .acc-download-img:nth-of-type(12),
    .main-acc-download-img .acc-download-img:nth-of-type(16),
    .main-acc-download-img .acc-download-img:nth-of-type(4),
    .main-acc-download-img .acc-download-img:nth-of-type(8) {
        margin-right: 17px
    }
    .ab-single-organic-head p {
        padding: 0 0
    }
    .ab-single-organic-package {
        margin-bottom: 30px
    }
    .menu a {
        padding: 0 14px
    }
    .icon-box-3 {
        margin-bottom: 41px
    }
    .singup-form-wraper .login-form-new-inner {
        top: 70px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    #loginForm1 .login-form-new-inner {
        top: 80px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    .swiper-slide-video {
        width: 31%
    }
    .col-lg-3:nth-of-type(3) .widget,
    .col-lg-3:nth-of-type(4) .widget {
        margin-bottom: 0
    }
    .blog-dec2 .blog-title2,
    .blog-dec2 .blog-title2 a {
        min-height: inherit
    }
    .single-blog-post {
        padding-bottom: 9px
    }
    .single-blog-post .blog-img {
        margin-bottom: 24px
    }
    .single-blog-post-big {
        padding-bottom: 23px
    }
    .blog-page-section .row.mb50 {
        margin-bottom: 0
    }
    .blog-adds {
        margin-bottom: 32px
    }
    .blog-dec2 {
        min-height: inherit
    }
    .single-blog-page .blog-dec2 p {
        margin-bottom: 12px
    }
    .single-blog-page {
        margin-bottom: 0
    }
    .com-replay-form input,
    .com-replay-form textarea {
        margin-bottom: 10px
    }
    .com-replay-form {
        margin-bottom: 45px
    }
    .sm-content p:last-of-type {
        margin-bottom: 0
    }
    .border-top1.common-section.clearfix .single-service-content {
        margin-bottom: 0
    }
    .blog-title,
    .blog-title a {
        font-size: 20px;
        min-height: inherit
    }
    .blog-author {
        display: none
    }
    .footer-info-area {
        padding-top: 48px;
        padding-bottom: 30px
    }
    .header-top-account li a {
        text-transform: capitalize;
        font-size: 11px
    }
    .team-hover::before {
        top: -48px
    }
    .ab-page-title h3 {
        transform: skewX(-22deg)
    }
    .ab-page-title h3 span {
        transform: skewX(21deg);
        display: inline-block
    }
    .sm-content.case-study-de-content .doddle-btn {
        margin-top: 20px
    }
    .package-pheader {
        margin-bottom: 30px
    }
    .case-details-section {
        padding-bottom: 44px
    }
    .case-details-section.bg-gray {
        padding-top: 53px;
        padding-bottom: 22px
    }
    .single-serv-img {
        margin-bottom: 15px
    }
    .slide4 .container-slider {
        width: 92%;
        margin: auto
    }
    .slide4 .swiper-slide-content {
        width: 100%;
        float: left;
        padding: 60px 0 50px
    }
    .slide4 .swiper-slide-video {
        width: 100%;
        float: left;
        padding: 0 0 0;
        margin-left: 0
    }
    .slide4 .swiper-slide-content h2,
    .slide4 .swiper-slide-content h3 {
        font-size: 40px;
        line-height: 45px;
        color: #e6e7e8;
        margin-bottom: 24px;
        position: relative;
        padding: 0 0;
        font-family: 'Fjalla One', sans-serif;
        font-weight: 400
    }
    .slide4 .swiper-slide-content h2:before,
    .slide4 .swiper-slide-content h3:before {
        display: none
    }
    .slide2 .swiper-slide-video,
    .swiper-slide-video {
        display: none
    }
    .h_slides {
        height: auto
    }
    .slide2 .swiper-slide-content {
        width: 100%;
        float: left;
        padding: 60px 0 50px
    }
    .slide2 .swiper-slide-content h2,
    .slide2 .swiper-slide-content h3 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 14px
    }
    .slide3 .container-slider {
        margin: auto auto auto auto;
        width: 92%
    }
    .slide3 .swiper-slide-content {
        width: 100%;
        padding: 60px 0 50px
    }
    .slide3 .swiper-slide-content h2,
    .slide3 .swiper-slide-content h3 {
        font-size: 40px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .slide5 .swiper-slide-content {
        width: 100%;
        float: none;
        padding: 60px 0 50px
    }
    .slide5 .swiper-slide-content h2,
    .slide5 .swiper-slide-content h3 {
        font-size: 40px;
        margin-bottom: 22px;
        line-height: 46px;
        text-transform: uppercase
    }
    .slide5 .swiper-slide-content h4 {
        font-size: 19px
    }
    .slide1 .container-slider {
        width: 92%;
        margin: auto
    }
    .slide1 .swiper-slide-content {
        width: 100%;
        float: none;
        padding: 60px 0 50px
    }
    .slide1 .swiper-slide-content h2 span,
    .slide1 .swiper-slide-content h3 span {
        position: relative;
        display: block;
        line-height: 50px
    }
    .slide1 .swiper-slide-content h2 span:nth-child(2),
    .slide1 .swiper-slide-content h3 span:nth-child(2) {
        margin-bottom: 0;
        margin-top: 0
    }
    .slide1 .swiper-slide-content h2,
    .slide1 .swiper-slide-content h3 {
        margin-bottom: 65px
    }
    .slide1 .swiper-slide-content h2 span small,
    .slide1 .swiper-slide-content h3 span small {
        display: none
    }
    .slide5 .swiper-slide-content p:last-of-type {
        margin-bottom: 30px
    }
    .slide3 .swiper-slide-content p:last-of-type {
        margin-bottom: 36px
    }
    .slide2 .swiper-slide-content p:last-of-type {
        margin-bottom: 35px
    }
    .slide4 .swiper-slide-content p:last-of-type {
        margin-bottom: 36px
    }
    .slide-bottom-arrow {
        display: none
    }
    .container-slider {
        width: 92%;
        margin: auto
    }
    .packge-btn-img {
        display: none
    }
    .single_package_btn {
        z-index: 2
    }
    .package-btn-content {
        width: 150px;
        height: 169px;
        padding: 32px 0
    }
    .package-btn-content h4 {
        font-size: 28px
    }
    .single_package_btn {
        width: 194px;
        height: 255px;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }
    .video-close-icon button {
        right: -20px;
        top: -23px
    }
    .home-blog-meta {
        display: none
    }
    .latest-blog .blog-img img {
        margin-bottom: 10px
    }
    .seo-opt-img img {
        width: 100%
    }
    .seo-optimizition-section .doddle-btn {
        padding: 16px 27px
    }
    .seo-optimizition-section .doddle-btn b::before {
        left: -2px
    }
    .why-choose-img {
        display: none
    }
    .why-choose-us-content ul li {
        font-size: 15px;
        line-height: 34px
    }
    .blog-featured-post {
        padding: 19px
    }
    .blog-item .blog-author {
        display: block
    }
    .blog-item .home-blog-meta {
        display: block
    }
    .contact-form-content {
        margin-bottom: 30px
    }
    .contact-info {
        margin-bottom: 30px
    }
    .package-footer-sec:after,
    .package-footer-sec:before {
        display: none
    }
    .footer-location:nth-of-type(1),
    .footer-location:nth-of-type(2),
    .footer-location:nth-of-type(3) {
        width: 33%
    }
    .footer-location:nth-of-type(4) {
        width: 100%;
        text-align: center;
        margin-top: 30px
    }
    .team-hover-item:before {
        width: 149%
    }
    .cases-title a {
        font-size: 18px
    }
    .faq-item .panel-default>.panel-heading a {
        padding: 18px 24px 18px 153px;
        font-size: 17px
    }
    .faq-item .panel-default>.panel-heading a:after {
        position: absolute;
        top: 45%;
        font-size: 16px;
        left: auto;
        right: 4px
    }
    .faq-item .panel-default>.panel-heading a span {
        padding: 17px 24px;
        vertical-align: middle;
        align-items: center;
        display: flex
    }
    .faq-item {
        margin-bottom: 35px
    }
    .main-menu>ul {
        background: #1d2d5d;
        position: fixed;
        right: -300px;
        z-index: 999;
        width: 300px;
        overflow-y: scroll;
        top: 139px;
        bottom: 0;
        transition: all ease .3s
    }
    .main-menu ul li.active>a {
        background: #f68c27
    }
    .mobile-ul.mb-menu {
        right: 0
    }
    .mobile-menu.active span:nth-child(1) {
        position: relative;
        top: 7px;
        transform: rotate(-44deg);
        color: #f68c27
    }
    .mobile-menu.active span:nth-child(2) {
        display: none
    }
    .mobile-menu.active span:last-child {
        transform: rotate(45deg);
        color: #f68c27
    }
    .main-menu ul li.active {
        border-top-color: #f68c27
    }
    .main-header.fixed-header .main-menu>ul {
        top: 95px
    }
    .congratulation-content {
        margin-top: 0
    }
    .congration-title {
        font-size: 38px;
        margin-bottom: 12px
    }
    .congratulation-content h4 {
        margin-bottom: 17px;
        font-size: 17px
    }
    .congrat-bar {
        margin: auto auto 11px
    }
    .congratulation-content h4.doodle-w-title {
        margin-bottom: 27px
    }
    .blog-banner-contents h1,
    .blog-banner-contents h2 {
        font-size: 36px
    }
}

@media only screen and (max-width:767px) {
    .sm-content.case-study-de-content h2 {
        margin-bottom: 10px
    }
    .canonical_title {
        font-size: 30px
    }
    .successful-popup h3 {
        font-size: 26px
    }
    .single-pkg-table.active .fb-anytwo {
        display: none
    }
    .case-details-section .section-title-4 h1,
    .case-details-section .section-title-4 h2,
    .case-details-section .section-title-4 h3,
    .key-element-sec .section-title-4 h2,
    .key-element-sec .section-title-4 h3,
    .through-our-sec .section-title-4 h2,
    .through-our-sec .section-title-4 h3 {
        font-size: 30px
    }
    .blog-detail-banner-section .blog-banner-sec {
        min-height: inherit
    }
    .blog-detail-banner-section .blog-banner-contents h1 {
        font-size: 28px;
        padding: 0 15px;
        text-transform: capitalize
    }
    .pkg-pricing-title h3:after,
    .pkg-pricing-title h3:before {
        display: none
    }
    .icon-box-3-section .section-title-4 p {
        padding: 0 15px
    }
    .icon-box h2,
    .icon-box h2 a,
    .icon-box h3,
    .icon-box h3 a {
        font-size: 18px
    }
    .icon-box-2 h2,
    .icon-box-2 h2 a,
    .icon-box-2 h3,
    .icon-box-2 h3 a {
        font-size: 20px
    }
    .ab-package-tab {
        margin-bottom: 40px;
        padding-left: 0
    }
    .seo-score-title {
        font-size: 26px;
        margin-bottom: 28px
    }
    .package-footer-sec {
        padding-top: 0;
        margin-top: 0
    }
    .case-details-section {
        padding-bottom: 38px
    }
    .case-details-section.chart-sec {
        padding-top: 50px
    }
    .case-chart {
        margin-bottom: 28px
    }
    .case-chart-icon {
        height: auto
    }
    .case-study-de-content p:last-of-type {
        margin-bottom: 0
    }
    .ab-table-th {
        min-height: 65px;
        padding-left: 22px
    }
    .form-button span {
        display: none
    }
    .mobile-ul {
        height: 320px
    }
    .form-button:hover b::before {
        width: 0
    }
    .form-button .guestSignUp {
        padding: 18px 62px
    }
    .account-sidebar ul li a span {
        position: absolute;
        right: 0;
        top: 7px
    }
    .account-panel {
        background: #fbfbfc;
        padding: 30px 30px 30px 30px
    }
    .header-top-phone,
    .seo-score-img {
        display: none
    }
    .header-top-account,
    .header-top-phone {
        text-align: center
    }
    .header-top-account li,
    .header-top-phone li {
        margin-right: 3px;
        padding-right: 10px;
        padding-left: 6px
    }
    .header-top-account li a i,
    .header-top-phone li a i {
        margin-right: 5px
    }
    .container-slider {
        height: auto;
        margin: 0;
        padding: 0 10px;
        width: 100%
    }
    .swiper-slide-content {
        width: 100%;
        padding: 0;
        padding-top: 50px
    }
    .swiper-slide-content h2,
    .swiper-slide-content h3 {
        color: #fff;
        font-size: 36px;
        font-weight: 900;
        line-height: 40px;
        margin-bottom: 18px
    }
    .swiper-slide-content p {
        padding-right: 0
    }
    .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        right: 10px;
        width: 30px
    }
    .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
        left: 10px;
        width: 30px
    }
    .swiper-button-next.swiper-button-white img,
    .swiper-button-prev.swiper-button-white img,
    .swiper-container-rtl .swiper-button-next.swiper-button-white img,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white img {
        width: 30px
    }
    .swiper-slide-video {
        float: left;
        padding: 0;
        width: 100%
    }
    .swiper-slide-content p {
        font-size: 14px;
        line-height: 24px
    }
    .slide-bottom-arrow {
        display: none
    }
    .swiper-slide-btn a {
        margin-bottom: 10px
    }
    .seo-score-form input[type=email],
    .seo-score-form input[type=url] {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 30px
    }
    .seo-score-section {
        padding: 80px 0 130px
    }
    .doddle-btn.mr10 {
        margin-bottom: 10px
    }
    .seo-opt-img {
        margin-top: 50px;
        display: none
    }
    .video-wrap {
        padding-left: 0;
        padding-right: 0
    }
    .half-img {
        box-shadow: 0 0 7px rgba(0, 0, 0, .1);
        height: auto;
        left: 0;
        margin-bottom: 50px;
        position: relative;
        top: 0;
        width: 100%;
        display: none
    }
    .achivment-section {
        padding-top: 0;
        padding-bottom: 60px
    }
    section.common-section.bg-black.achivment-section {
        padding-bottom: 0
    }
    .single-fun-fact {
        width: 50%;
        margin-bottom: 65px
    }
    .activity-img {
        width: 100%
    }
    .fixed-testmonial-shap {
        width: 100%;
        margin-top: 75px
    }
    .test-content-in {
        padding-left: 40px;
        padding-bottom: 50px
    }
    .test-content-in p {
        padding-right: 11px
    }
    .testmonial-control {
        right: 15px
    }
    .client-logo {
        height: auto;
        margin: auto;
        position: relative;
        right: -40px;
        top: -44px;
        width: 98px
    }
    .test-client-img {
        left: 0;
        top: -131px
    }
    .test-caro-title {
        position: relative;
        top: -100px;
        font-size: 30px;
        line-height: 38px
    }
    .client-logo {
        margin: auto;
        right: auto;
        top: -44px;
        width: 210px
    }
    .swiper-container.testmonial-carousel {
        padding-top: 100px
    }
    .single-team {
        margin-bottom: 30px
    }
    .single-client {
        margin: auto;
        margin-bottom: 10px
    }
    .newsletter input[type=email] {
        width: 100%;
        padding-right: 30px
    }
    .newsletter {
        padding: 0 15px
    }
    .newsletter-btn {
        display: inline-block;
        left: 0;
        margin: 15px auto auto;
        position: relative;
        right: 0;
        text-align: center
    }
    .newsletter-btn button[type=submit],
    .newsletter-btn input[type=submit] {
        border-radius: 35px
    }
    .footer .widget {
        margin-bottom: 30px
    }
    .footer h3.widget-title {
        margin-bottom: 17px
    }
    .col-sm-4:last-of-type .single-info {
        margin-bottom: 0
    }
    .single-info {
        margin-bottom: 30px
    }
    .back-to-top {
        position: absolute;
        right: 15px;
        top: -56px
    }
    .copyright-text {
        padding-right: 50px
    }
    .page-ttile h2 {
        font-size: 30px;
        line-height: 36px
    }
    .page-ttile h2>br {
        display: none
    }
    .page-ttile p {
        font-size: 16px
    }
    .case-study-nav li {
        margin-bottom: 10px
    }
    .con-info {
        margin-bottom: 30px
    }
    .pagination-blog a,
    .pagination-blog span {
        height: 30px;
        margin-right: 0;
        padding: 2px;
        width: 30px
    }
    .blog-sidebar {
        padding-left: 0;
        padding-top: 35px
    }
    .blog-adds img {
        width: 100%;
        height: auto
    }
    .blog-img {
        overflow: hidden
    }
    .blog-img img {
        width: auto;
        height: 100%
    }
    .single-comment {
        padding-left: 0
    }
    .single-comment img {
        position: relative;
        top: 0;
        left: 0
    }
    ul.child-comment li {
        margin-left: 0
    }
    .case-social a {
        width: 100%
    }
    #ab-history .carousel-indicators .active,
    #ab-history .carousel-indicators li {
        font-size: 14px;
        margin: 0 10px
    }
    #ab-history .carousel-indicators li::before {
        right: -20px;
        width: 16px
    }
    .screenshort-tabs-list li a {
        padding: 8px 3px;
        font-size: 13px
    }
    .web-seo-test-skillbar h4 {
        font-size: 16px
    }
    .backlink-cont::after,
    .backlink-cont::before {
        display: none
    }
    .page-level-list li:first-child span {
        width: 68px;
        height: 68px;
        padding: 12px 0;
        top: -4px;
        font-size: 34px
    }
    .page-level-list li span {
        height: 56px;
        width: 55px;
        padding: 6px 0
    }
    .page-level-list li {
        font-size: 11px;
        width: 25%;
        text-transform: uppercase
    }
    .indexlink-cont::after,
    .indexlink-cont::before,
    .page-level-list li::before {
        display: none
    }
    .seo-recomand {
        font-size: 15px;
        line-height: 33px;
        padding: 2px 19px
    }
    .page-level-score {
        margin-bottom: 25px
    }
    .page-level-score h2 {
        font-size: 22px;
        line-height: 26px
    }
    .common-section {
        padding: 40px 0
    }
    .section-title-4 h2,
    .section-title-4 h3 {
        font-size: 31px
    }
    .section-title-4 {
        margin-bottom: 23px
    }
    .desk-img {
        min-height: inherit
    }
    .page-scor-title {
        font-size: 29px;
        line-height: 33px
    }
    .error-item h3 {
        line-height: 25px
    }
    .error-list {
        padding-left: 0
    }
    .error-list li {
        font-size: 15px;
        line-height: 33px;
        padding: 4px;
        margin-bottom: 7px
    }
    .error-item h2 {
        font-size: 21px;
        line-height: 28px
    }
    .page-recomandations-list {
        padding-left: 0
    }
    .backlink-img {
        margin-bottom: 15px
    }
    .login-form-new-inner {
        width: 92%
    }
    .commom-form p {
        display: none
    }
    .login-form-new-inner {
        padding: 50px;
        min-height: inherit
    }
    .forgot-pass {
        float: left!important
    }
    .commom-form h2 {
        font-size: 18px
    }
    .new-customers {
        margin-top: 70px;
        margin-bottom: 29px
    }
    .successful-popup {
        width: 95%
    }
    .successful-popup {
        padding: 50px
    }
    .error-page-content img {
        width: 100%;
        height: auto
    }
    .error-search-form {
        width: 100%
    }
    .error-page-content>h3 {
        font-size: 30px;
        line-height: 1.2
    }
    .page-banner-img img {
        display: none
    }
    .page-banner-content h1,
    .page-banner-content h2 {
        font-size: 26px;
        word-wrap: break-word
    }
    .traingle-bar {
        display: none
    }
    .single-serv-img {
        margin-bottom: 26px
    }
    .single-serv-title {
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 24px
    }
    .panel-default>.panel-heading a {
        display: block;
        padding: 13px 13px 13px 40px;
        position: relative
    }
    .search-result-title {
        font-size: 18px
    }
    .single-search-result-thimb img {
        width: 100%;
        margin-bottom: 20px
    }
    .package-table-02 table tr td:nth-child(02) {
        width: 5%;
        padding: 5px
    }
    .package-table-02 table tr td:nth-child(01) {
        width: 25%;
        padding: 5px
    }
    .single-pkg-table {
        width: 100%;
        margin-bottom: 30px
    }
    .single-pkg-table {
        border: 1px solid #ccdfff
    }
    .single-pkg-table.first-table {
        display: none
    }
    .table-title {
        padding-left: 0
    }
    .account-panel.account-sidebar {
        margin-bottom: 30px
    }
    .swiper-slide-video img {
        width: 100%;
        height: auto
    }
    .logo a {
        max-width: 120px
    }
    .mobile-ul,
    .mobile-ul ul {
        margin: 0;
        padding: 0;
        list-style: none
    }
    .mobile-ul li a {
        display: block;
        text-align: center
    }
    .mobile-menu {
        cursor: pointer;
        height: 25px;
        position: absolute;
        right: 15px;
        top: -38px;
        width: 28px
    }
    .mobile-menu span {
        background: #1d2d5d;
        display: block;
        height: 3px;
        line-height: 1;
        margin-bottom: 4px;
        width: 100%;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease
    }
    .main-menu>ul {
        background: #1d2d5d;
        position: fixed;
        right: -300px;
        z-index: 999;
        width: 300px;
        overflow-y: scroll;
        top: 110px;
        bottom: 0;
        transition: all ease .3s
    }
    .main-menu ul li.active>a {
        background: #f68c27
    }
    .mobile-ul.mb-menu {
        right: 0
    }
    .mobile-menu.active span:nth-child(1) {
        position: relative;
        top: 7px;
        transform: rotate(-44deg)
    }
    .mobile-menu.active span:nth-child(2) {
        display: none
    }
    .mobile-menu.active span:last-child {
        transform: rotate(45deg)
    }
    .main-menu ul li.active {
        border-top-color: #f68c27
    }
    .main-header.fixed-header .main-menu>ul {
        top: 65px
    }
    .main-menu ul.sub-menu {
        position: relative;
        width: 100%;
        perspective: 0;
        -webkit-perspective: 0;
        -moz-perspective: 0;
        -ms-perspective: 0;
        -o-perspective: 0;
        min-height: inherit;
        display: none;
        background: #14224c
    }
    .main-menu ul.sub-menu li {
        border-top-color: #1a2c63;
        border-bottom-color: #121d3c
    }
    .mobile-menu.active span {
        background: #ff712c
    }
    .main-menu ul.sub-menu li a {
        text-align: left
    }
    .main-menu ul.sub-menu li {
        opacity: 1;
        transition: none;
        transform: rotateY(0);
        -webkit-transform: rotateY(0);
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0)
    }
    .main-menu ul li {
        display: block;
    background: 0 0;
    margin: 0;
    box-shadow: none;
    box-shadow: none;
    border-top: 0px!important;
    border-bottom: 0px!important;
    position: relative;
    }
    .main-menu ul ul.sub-menu li:last-of-type {
        border-bottom: none
    }
    .main-menu ul ul.sub-menu li:first-of-type {
        border-top: 1px solid #18264e
    }
    .main-menu ul li:hover {
        box-shadow: none
    }
    .main-menu ul li a {
        line-height: 1;
        padding: 7px 0px;
        font-size: 13px;
        color: #e60000;
        text-transform: uppercase;
        display: block;
        text-align: left
    }
    .option3 #main-menu .navbar .navbar-nav > li > a {
    margin: 6px 0;
    /* padding: 0 18px 0px 0px; */
    text-transform: uppercase;
    color: #222;
    font-size: 13px;
    letter-spacing: 1px;
}
    .main-menu ul li:after,
    .main-menu ul li:before {
        background: 0 0;
        border: none
    }
    .mobile-ul li>a:after,
    .mobile-ul>li>a:after {
        position: absolute;
        margin-left: 4px;
        font-family: fontawesome;
        top: 15px;
        color: #ff712c;
        font-size: 12px;
        font-weight: 700;
        right: 15px
    }
    .mobile-ul li>a:after {
        content: '\f107'
    }
    .mobile-ul>li>a:after {
        content: '\f107'
    }
    .mobile-ul li>a:only-child:after {
        content: ''
    }
    .single-fun-fact.f-2nd .fun-fact-img {
        margin: 70px auto 0
    }
    .single-fun-fact.f-2nd .fun-fact-img::before {
        height: 50px;
        top: -50px
    }
    .single-fun-fact.f-3rd .fun-fact-img::before {
        height: 60px;
        top: -60px
    }
    .single-fun-fact.f-3rd .fun-fact-img {
        margin: 70px auto 0
    }
    .account-panel h2>span {
        font-size: 12px
    }
    .single-faq p {
        text-align: justify;
        word-break: break-all
    }
    .order-btn a.reorder {
        margin-bottom: 10px
    }
    .input-groups input,
    .input-groups select {
        width: 100%
    }
    .input-groups label {
        width: 100%;
        float: none
    }
    .page-banner-section-inner {
        height: 200px
    }
    .package-pheader ul li {
        width: 100%
    }
    .pkg-single-feacture {
        width: 100%;
        margin-bottom: 30px
    }
    .pkg-single-feacture:after,
    .pkg-single-feacture:before {
        background: 0 0!important
    }
    .search-inner {
        width: 90%
    }
    .order-status a {
        margin-bottom: 30px;
        width: 100%
    }
    .single-payment label img {
        max-width: 75px
    }
    .single-payment {
        margin-bottom: 10px
    }
    .input-groups.birthday input {
        width: 50%
    }
    .blog-dec2 .blog-title2 a,
    .single-category-post-item .blog-dec2 .blog-title2 {
        font-size: 18px
    }
    .single-table-pert {
        width: 100%!important;
        display: block
    }
    .single-table-pert tr td {
        padding: 0!important
    }
    .invoice-table-item {
        padding: 0!important
    }
    .invoice-author-information1 img {
    height: 30px;
    margin-left: 0px;
    display: block;
    margin-bottom: 15px!important;
}
    .width8 {
        width: 100%!important
    }
    .invoice-table-item tr th {
        padding: 5px 50px!important
    }
    .invoice-table-item tr th:first-child {
        padding: 5px 10px!important
    }
    .single-table-pert {
        padding: 5px!important
    }
    .single-table-pert h1 {
        font-size: 26px!important
    }
    .maintance-sec {
        padding: 89px 0
    }
    .maintance-img img {
        width: 100%;
        left: 0;
        margin-bottom: 30px
    }
    .maintaince-content h1 {
        font-size: 42px
    }
    .maintaince-content h2 {
        font-size: 26px;
        line-height: 32px
    }
    .time-count li {
        margin-right: 33px
    }
    .maintance-socail ul li {
        margin-right: 15px
    }
    .newslatter-content {
        padding: 40px 16px 13px
    }
    .newslatter-popup-socail li a {
        margin: 0 5px
    }
    .newslatter-popup-img img {
        right: 0
    }
    .offer-popup-cont {
        width: 100%;
        padding-bottom: 0
    }
    .offer-popup-img {
        width: 46%;
        display: none
    }
    .backlink-img {
        height: auto
    }
    .login-socail-form ul li.face {
        background: #3b5998;
        padding: 10px 174px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.face:hover {
        padding: 10px 174px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.goo {
        background: #dd5044;
        padding: 10px 185px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.goo:hover {
        padding: 10px 185px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.twi {
        background: #1da1f2;
        padding: 10px 174px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.twi:hover {
        padding: 10px 174px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.lin {
        background: #0077b5;
        padding: 10px 188px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li.lin:hover {
        padding: 10px 188px 10px 15px;
        border-radius: 0
    }
    .login-socail-form ul li span {
        transform: scale(1);
        opacity: 1
    }
    .login-socail-form ul li a {
        font-size: 14px
    }
    .login-socail-form ul li span {
        font-size: 14px
    }
    .login-form-new-inner {
        padding: 50px 26px
    }
    .login-socail-form ul li {
        min-width: 217px;
        margin-bottom: 5px
    }
    .form-button.pull-right {
        float: none!important;
        text-align: center
    }
    .form-button.pull-left {
        margin-bottom: 20px
    }
    .guest-login-here {
        padding-top: 0;
        text-align: center;
        padding-left: 0
    }
    .form-button .guestLogin {
        font-size: 14px;
        padding: 18px 42px;
        margin-bottom: 20px
    }
    .t-hover-in {
        bottom: 0;
        left: 0;
        position: relative;
        top: -30px;
        transform: rotate(0);
        transition: all .6s ease;
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -ms-transition: all .6s ease;
        -o-transition: all .6s ease
    }
    .single-team:hover .t-hover-in {
        top: -27px
    }
    .ab_team_hover {
        padding-left: 0
    }
    .team-hover::before {
        top: -48px
    }
    .table-product-info tr th {
        padding: 0 63px!important;
        font-size: 13px!important;
        text-transform: capitalize
    }
    .download-item-list {
        margin-bottom: 30px
    }
    .ab-inv-title {
        padding: 8px 30px;
        text-align: left;
        display: inline-block;
        font-size: 20px;
        margin-bottom: 30px
    }
    .ab-inv-title::before {
        display: none
    }
    .ab-inv-title::after {
        border-style: solid;
        border-width: 38px 0 0 44px;
        border-color: transparent transparent transparent #1d2d5d;
        position: absolute;
        right: -44px;
        top: 0;
        content: '';
        height: 100%
    }
    .invoice-author-information1 p {
        text-align: left
    }
    .invoice-author-information {
        margin-bottom: 20px
    }
    .mo-product-item ul {
        background: #f9fdff;
        padding-left: 10px
    }
    .invoice-author-information1 {
        margin-bottom: 20px
    }
    .invoice-author-information1 img {
        margin-bottom: 4px
    }
    .mo-product-item ul li .item-desc {
        font-size: 18px;
        font-weight: 600;
        color: #1d2d5d;
        text-transform: uppercase;
        display: block;
        margin-bottom: 6px
    }
    .mo-product-item ul li strong {
        font-weight: 400
    }
    .mo-product-item ul li strong span {
        width: 29%
    }
    .inv-total {
        width: 34%
    }
    .author-signature-content {
        margin: 10px 50px 0 0
    }
    .left-amount-process {
        padding-left: 10px;
        padding-top: 15px;
        padding-bottom: 15px;
        width: 70%
    }
    .single-table-pert-info ul {
        padding: 10px 0;
        background: #1d2d5d
    }
    .single-table-pert-info ul li {
        display: block;
        list-style: none;
        font-size: 15px;
        font-weight: 600;
        color: #fefefe;
        padding: 4px 20px
    }
    .ab-item-desc-title {
        font-size: 17px;
        font-weight: 500;
        color: #fff;
        background: #1d2d5d;
        padding: 9px 14px;
        text-transform: uppercase;
        text-align: center
    }
    .left-amount-process {
        width: 48%;
        float: left
    }
    .author-signature-content {
        width: 42%;
        float: right
    }
    .order-done-content.text-center.margin-bottom45 {
        margin-bottom: 30px
    }
    .ab-single-packge-table {
        width: 65%;
        margin-bottom: 30px
    }
    .ab-single-packge-table-price {
        width: 35%
    }
    .ab-table-td {
        min-height: 75px
    }
    .ab-section-title h1 {
        font-size: 29px
    }
    .row.margin-bottom80 {
        margin-bottom: 22px
    }
    .ab-section-title.margin-bottom60.text-center {
        margin-bottom: 40px
    }
    .ab-table-wpq {
        padding: 10px 0;
        border-bottom: 1px solid #fff9f9;
        width: 100%
    }
    .ab-table-wpq strong {
        font-size: 13px;
        font-weight: 500;
        color: #f68c26;
        display: block
    }
    .ab-table-p,
    .ab-table-wpq {
        padding-left: 28px
    }
    .ab-table-p {
        display: block;
        width: 100%;
        border-bottom: 1px solid #fff9f9;
        padding: 11px 0 11px 28px
    }
    .ab-table-p strong {
        font-size: 13px;
        font-weight: 500;
        color: #f68c26;
        display: block
    }
    .ab-table-mobile {
        padding-top: 15px
    }
    .ab-table-mobile:nth-child(odd) {
        background: #f4f7ff
    }
    .ab-table-mobile:nth-child(even) {
        background: #e0e8ff
    }
    .ab-table-mobile .ab-t-m {
        padding-left: 28px
    }
    .ab-t-input {
        max-width: 77%
    }
    .ab-pkg-total-value {
        width: 100%
    }
    .ab-footer-packge-curcular .doddle-btn {
        height: 46px;
        padding: 16px 32px;
        font-size: 15px;
        margin-bottom: 20px
    }
    .basic-package-table.ab-particular-package .single-pkg-table {
        width: 100%
    }
    .acc-download-img {
        width: 30%
    }
    .hovercontent-item {
        top: 50%
    }
    .main-acc-download-img .acc-download-img:nth-of-type(12),
    .main-acc-download-img .acc-download-img:nth-of-type(15),
    .main-acc-download-img .acc-download-img:nth-of-type(3),
    .main-acc-download-img .acc-download-img:nth-of-type(6),
    .main-acc-download-img .acc-download-img:nth-of-type(9) {
        margin-right: 0
    }
    .main-acc-download-img .acc-download-img:nth-of-type(12),
    .main-acc-download-img .acc-download-img:nth-of-type(16),
    .main-acc-download-img .acc-download-img:nth-of-type(4),
    .main-acc-download-img .acc-download-img:nth-of-type(8) {
        margin-right: 17px
    }
    .ab-single-organic-package {
        margin-bottom: 30px
    }
    .ab-t-data input[type=checkbox]+label {
        font-size: 18px
    }
    .sub-t-dw {
        padding-left: 40px!important;
        position: relative
    }
    .sub-t-dw i {
        position: absolute;
        left: 20px;
        top: 9px
    }
    .newsletter-btn:hover b::before {
        display: none
    }
    .login-socail-form ul li span {
        left: 37px
    }
    .icon-box-3 {
        margin-bottom: 50px
    }
    .common-section.package-section.section-1,
    .common-section.package-section.section-11,
    .common-section.package-section.section-13,
    .common-section.package-section.section-3,
    .common-section.package-section.section-5,
    .common-section.package-section.section-7,
    .common-section.package-section.section-9 {
        padding-top: 54px
    }
    .footer-widget-area {
        padding-bottom: 0
    }
    .package-pagination .pagination-blog {
        padding-top: 0
    }
    .ab-page-title h3 {
        margin-bottom: 10px;
        transform: skewX(0)
    }
    .ab-page-title h3 span {
        transform: skewX(0);
        display: inline-block
    }
    .package-pfooter {
        padding-top: 0
    }
    .sm-content h2 {
        font-size: 24px
    }
    .sm-content h3 {
        font-size: 21px
    }
    .service-details-sec {
        padding-top: 29px
    }
    section.common-section.package-section {
        padding-bottom: 20px
    }
    .padding-bottom50.service-details-sec {
        padding-bottom: 20px
    }
    .icon-box-3-section .col-lg-4:last-of-type .icon-box-3 {
        margin-bottom: 0
    }
    .section-title-3 h2 {
        font-size: 32px;
        line-height: 36px
    }
    .footer-info-area {
        padding-top: 40px;
        padding-bottom: 27px
    }
    .web-test-skills.margin-top20.margin-bottom30 {
        margin-top: 0
    }
    .desk-img img {
        width: 100%;
        height: auto
    }
    .common-section.package-section.section-1 .package-pheader {
        margin-bottom: 30px
    }
    .admin-top-menu {
        display: block
    }
    .admin-top-bar:after {
        top: 56px
    }
    .singup-form-wraper .login-form-new-inner {
        top: 70px;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    #loginForm1 .login-form-new-inner {
        top: 80px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0)
    }
    .seo-score-form input[type=email],
    .seo-score-form input[type=url] {
        height: 52px
    }
    .seo-score-form input[type=submit] {
        height: 54px;
        font-size: 14px
    }
    .section-title {
        margin-bottom: 30px
    }
    .icon-box-2 {
        margin-bottom: 20px
    }
    .video-about p {
        text-align: left
    }
    .icon-box-3 {
        margin-bottom: 30px
    }
    .newsletter input[type=email] {
        height: 54px
    }
    .newsletter-btn button[type=submit] {
        height: 54px
    }
    .seo-score-input {
        border-radius: 0;
        margin-bottom: 25px
    }
    .seo-score-submit b::before {
        display: none
    }
    .ab-history-nav {
        margin-top: 15px
    }
    .sm-content p:last-of-type {
        margin-bottom: 0
    }
    .blog-adds {
        margin-bottom: 23px
    }
    .blog-page-section .row.mb50 {
        margin-bottom: 0
    }
    .blog-sidebar .widget:last-of-type {
        margin-bottom: 0
    }
    .single-service-details {
        min-height: inherit;
        padding: 17px 0
    }
    .col-md-6:last-of-type .single-blog-post {
        margin-bottom: 0
    }
    .single-blog-page {
        margin-bottom: 35px
    }
    .com-replay-form {
        margin-bottom: 31px
    }
    .single-blog-post .blog-img {
        background: #e7f5ff;
        height: auto;
        margin-bottom: 20px
    }
    .blog-dec2 {
        padding-left: 15px;
        padding-right: 15px
    }
    .single-blog-post {
        padding-bottom: 8px
    }
    .single-blog-page .blog-dec2 p {
        margin-bottom: 10px
    }
    .single-blog-page .blog-dec2 blockquote {
        margin: 24px 0 29px
    }
    .contact-form input[type=email],
    .contact-form input[type=text],
    .contact-form input[type=url],
    .contact-form textarea {
        height: 52px
    }
    .case-study-nav {
        margin: 0 0 32px
    }
    .col-md-4.col-sm-6:last-of-type .single-case {
        margin-bottom: 0
    }
    .case-details-section.bg-gray {
        padding-top: 28px;
        padding-bottom: 25px
    }
    .single-blog-post-big {
        padding-bottom: 23px
    }
    .single-blog-post-big .blog-img {
        margin-bottom: 16px
    }
    .blog-dec2 .blog-title2,
    .blog-dec2 .blog-title2 a {
        min-height: 0;
        line-height: 19px
    }
    .col-md-6:last-of-type .single-blog-post {
        margin-bottom: 0
    }
    .col-sm-6 .about-mission:last-of-type {
        margin-bottom: 0
    }
    .single-blog-post-big.single-blog-page {
        padding-bottom: 0
    }
    .com-replay-form input,
    .com-replay-form textarea {
        margin-bottom: 8px
    }
    .single-service-details:after {
        display: none
    }
    .slide4 .container-slider {
        width: 100%;
        margin: auto
    }
    .slide4 .swiper-slide-content {
        width: 100%;
        float: left;
        padding: 60px 0 50px
    }
    .slide4 .swiper-slide-video {
        width: 100%;
        float: left;
        padding: 0 0 0;
        margin-left: 0
    }
    .slide4 .swiper-slide-content h2,
    .slide4 .swiper-slide-content h3 {
        font-size: 34px;
        line-height: 45px;
        color: #e6e7e8;
        margin-bottom: 24px;
        position: relative;
        padding: 0 0;
        font-family: 'Fjalla One', sans-serif;
        font-weight: 400
    }
    .slide4 .swiper-slide-content h2:before,
    .slide4 .swiper-slide-content h3:before {
        display: none
    }
    .slide2 .swiper-slide-video,
    .swiper-slide-video {
        display: none
    }
    .h_slides {
        height: auto
    }
    .slide2 .swiper-slide-content {
        width: 100%;
        float: left;
        padding: 60px 0 50px
    }
    .slide2 .swiper-slide-content h2,
    .slide2 .swiper-slide-content h3 {
        font-size: 36px;
        line-height: 45px;
        margin-bottom: 14px
    }
    .slide3 .container-slider {
        margin: auto auto auto auto;
        width: 100%
    }
    .slide3 .swiper-slide-content {
        width: 100%;
        padding: 60px 0 50px
    }
    .slide3 .swiper-slide-content h2,
    .slide3 .swiper-slide-content h3 {
        font-size: 36px;
        line-height: 39px;
        margin-bottom: 20px
    }
    .slide5 .swiper-slide-content {
        width: 100%;
        float: none;
        padding: 60px 0 50px
    }
    .slide5 .swiper-slide-content h2,
    .slide5 .swiper-slide-content h3 {
        font-size: 38px;
        margin-bottom: 22px;
        line-height: 46px;
        text-transform: uppercase
    }
    .slide5 .swiper-slide-content h4 {
        font-size: 19px
    }
    .slide1 .container-slider {
        width: 100%;
        margin: auto
    }
    .slide1 .swiper-slide-content {
        width: 100%;
        float: none;
        padding: 60px 0 50px
    }
    .slide1 .swiper-slide-content h2 span,
    .slide1 .swiper-slide-content h3 span {
        position: relative;
        display: block;
        line-height: 40px
    }
    .slide1 .swiper-slide-content h2 span:nth-child(2),
    .slide1 .swiper-slide-content h3 span:nth-child(2) {
        margin-bottom: 0;
        margin-top: 0
    }
    .slide1 .swiper-slide-content h2,
    .slide1 .swiper-slide-content h3 {
        margin-bottom: 65px
    }
    .slide1 .swiper-slide-content h2 span small,
    .slide1 .swiper-slide-content h3 span small {
        display: none
    }
    .slide5 .swiper-slide-content p:last-of-type {
        margin-bottom: 30px
    }
    .slide3 .swiper-slide-content p:last-of-type {
        margin-bottom: 36px
    }
    .slide2 .swiper-slide-content p:last-of-type {
        margin-bottom: 35px
    }
    .slide4 .swiper-slide-content p:last-of-type {
        margin-bottom: 36px
    }
    .video-close-icon button {
        right: -16px;
        top: -23px
    }
    .video-popup-footer h3 {
        font-size: 22px;
        margin-bottom: 10px;
        text-align: center
    }
    .videos-item {
        top: 55px
    }
    .video-popup-socail.pull-right {
        float: none!important;
        text-align: center
    }
    .home-blog-meta {
        display: none
    }
    .blog-top .blog-img {
        margin-bottom: 15px
    }
    .blog-author.pull-left {
        display: none
    }
    .blog-title,
    .blog-title a {
        font-size: 20px
    }
    .single_package_btn {
        width: 168px;
        height: 126px;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        margin: 20px auto auto
    }
    .package-btn-content h4 {
        font-size: 18px
    }
    .package-btn-content span {
        font-size: 11px
    }
    .package-btn-content p {
        font-size: 12px
    }
    .package-btn-content {
        width: 125px;
        height: 140px
    }
    .youtube-video {
        height: 400px
    }
    .videos-item {
        height: 441px
    }
    .packge-btn-img {
        display: none
    }
    .package-btn-content {
        position: absolute;
        left: 0;
        top: 12px;
        right: 0;
        bottom: 0;
        margin: auto;
        width: 100px;
        height: 113px;
        background: url(../images/package_btn/btn.png) no-repeat center center/cover;
        text-align: center;
        padding: 21px 0
    }
    .package-btn-content i {
        margin-top: 0;
        font-size: 22px
    }
    .why-choose-img {
        display: none
    }
    .why-choose-us-content ul li {
        font-size: 16px;
        line-height: 32px
    }
    .blog-featured-post {
        padding: 10px
    }
    .blog-featured-content h3 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 8px
    }
    .blog-featured-content p {
        font-size: 16px;
        padding: 0 7px
    }
    .blog-featured-post-content {
        padding: 16px
    }
    .blog-featured-content time {
        margin-bottom: 20px
    }
    .blog-featured-content {
        border: 3px solid #fff;
        padding: 25px 0
    }
    .blog-item {
        margin-bottom: 25px
    }
    .contact-info {
        margin-bottom: 30px;
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        border-radius: 45px
    }
    .contact-form-content {
        margin-bottom: 30px
    }
    .contact-form-title {
        font-size: 20px
    }
    .about-mission {
        margin-bottom: 18px
    }
    .about-content {
        margin-bottom: 18px
    }
    .case-details-section .section-title-4 h2,
    .case-details-section .section-title-4 h3,
    .key-element-sec .section-title-4 h2,
    .key-element-sec .section-title-4 h3,
    .through-our-sec .section-title-4 h2,
    .through-our-sec .section-title-4 h3 {
        font-size: 26px
    }
    .case-details-section .section-title-4 {
        margin-bottom: 0
    }
    .sm-content.case-study-de-content h2 {
        font-size: 20px
    }
    section.case-details-section.common-section {
        padding: 40px 0
    }
    .sm-content.case-study-de-content p {
        font-size: 15px;
        margin-bottom: 10px
    }
    .key-elment-title {
        font-size: 20px;
        margin-bottom: 12px
    }
    .key-elment-content p {
        margin-bottom: 13px
    }
    .key-element-image {
        margin-top: 22px;
        margin-bottom: 19px;
        padding: 0 15px
    }
    .through-our-content p {
        margin-bottom: 15px
    }
    .package-footer-sec:after,
    .package-footer-sec:before {
        display: none
    }
    section.common-section.bg-black.latest-blog-section,
    section.common-section.bg-black.testmonial-section {
        padding-bottom: 60px
    }
    
    .ab-page-title h1 {
        margin-bottom: 0;
        transform: skewX(0)
    }
    .package-pheader p {
        font-size: 15px;
        line-height: 24px
    }
    .ab-page-title h1 span {
        transform: skewX(0)
    }
    .package-pheader.sm-content p {
        margin-bottom: 10px
    }
    .package-pheader.sm-content h3 {
        margin: 15px 0
    }
    .organic-phage-content p {
        line-height: 24px
    }
    .p-padding0 p {
        padding: 0 25px
    }
    .border-top1.common-section.clearfix {
        padding-top: 22px
    }
    .sm-content blockquote {
        margin: 22px 0 23px
    }
    .package-pheader ul li {
        font-size: 15px;
        line-height: 24px
    }
    .blog-banner-contents h1,
    .blog-banner-contents h2 {
        font-size: 30px
    }
    .blog-banner-contents p {
        font-size: 19px;
        line-height: 31px
    }
    .contact-us-section .section-title-4 {
        margin-bottom: 22px
    }
    .contact-form-content p {
        margin-bottom: 10px
    }
    .mobile-ul>li>a:after {
        content: '\f067';
        color: #fff
    }
    .mobile-ul>li.has-menu-items.active>a:after {
        content: '\f068'
    }
    .footer aside.widget .about-widget ul li {
        margin-bottom: 5px
    }
    .back-to-top {
        display: none
    }
    .footer-location,
    .footer-location:nth-of-type(2),
    .footer-location:nth-of-type(3),
    .footer-location:nth-of-type(4) {
        float: none;
        width: 100%;
        padding-left: 0
    }
    .footer-info-area:after,
    .footer-info-area:before {
        display: none
    }
    .newsletter-btn input[type=submit] {
        height: 55px
    }
    .ab-mis-icon h2,
    .ab-mis-icon h3 {
        font-size: 24px
    }
    .ab-mis-icon {
        margin-bottom: 13px;
        min-height: 24px
    }
    .home-blog-meta.case-portfolio-meta {
        display: block
    }
    .cases-title a {
        font-size: 15px
    }
    .single-case {
        background: #dee1ee
    }
    .single-case .case-img {
        -webkit-transform: translate3d(30px, -42px, 0);
        -moz-transform: translate3d(30px, -42px, 0);
        -ms-transform: translate3d(30px, -42px, 0);
        transform: translate3d(30px, -42px, 0)
    }
    .link-wrap {
        left: 8px
    }
    .single-case .link-wrap {
        opacity: 1;
        visibility: visible
    }
    .single-case .link-wrap span:nth-child(1):after {
        width: 25px
    }
    .single-case .link-wrap span:nth-child(1):before {
        width: 25px
    }
    .single-case .link-wrap span:nth-child(2):before {
        height: 25px
    }
    .single-case .link-wrap span:nth-child(2):after {
        height: 25px
    }
    .single-case .link-wrap span:after,
    .single-case .link-wrap span:before {
        opacity: 1
    }
    .case-study-section .mixitup-ready .col-md-4.col-sm-6 {
        float: left;
        width: 50%
    }
    .cases-title a {
        -webkit-transform: translate3d(13px, -11px, 0);
        -moz-transform: translate3d(13px, -11px, 0);
        -ms-transform: translate3d(13px, -11px, 0);
        transform: translate3d(13px, -11px, 0)
    }
    .faq-item .panel-default>.panel-heading a span {
        display: none
    }
    .faq-item .panel-default>.panel-heading a {
        padding: 18px 30px 18px 16px;
        font-size: 16px;
        line-height: 24px
    }
    .faq-item .panel-default>.panel-heading a:after {
        position: absolute;
        top: 45%;
        font-size: 16px;
        left: auto;
        right: 4px
    }
    .faq-cat-title {
        font-size: 20px;
        padding: 9px 23px
    }
    .faq-page {
        padding: 32px 0
    }
    .faq-item .panel-default>.panel-heading+.panel-collapse>.panel-body {
        border: medium none;
        padding: 22px 19px
    }
    .faq-item {
        margin-bottom: 30px
    }
    .page-banner-section.blog-list-banner-section .blog-banner-contents h1 {
        font-size: 30px;
        margin-bottom: 0
    }
    .page-banner-section.blog-list-banner-section .blog-banner-contents p {
        font-size: 18px
    }
    .case-img img {
        width: 100%
    }
    .doodle_footer-socail a {
        width: 40px;
        height: 40px
    }
    .swiper-button-white {
        display: none
    }
    .about-banner-section .blog-banner-sec {
        background-color: #3cb2d2!important
    }
    .about-banner-section .blog-banner-sec,
    .team-banner-section .blog-banner-sec {
        background-image: none!important
    }
    .team-banner-section .blog-banner-sec {
        background: #2f77ba!important
    }
    .contact-banner-section .blog-banner-sec {
        background: #1c2d5d!important;
    margin: 15px 0px;
    }
    .ab-page-banner-section-inner img {
        min-height: 82px
    }
    .pkg-pricing-title h3 {
        margin-bottom: 23px
    }
    .single-pkg-table.package-hover-item {
        background: #1d2d5d!important
    }
    .package-hover-item div.t-data,
    .single-pkg-table div.t-data {
        color: #fff
    }
    .single-pkg-table div.t-dw:nth-child(odd) {
        background: #1e2e5c
    }
    .text-muted {
        color: #fff!important
    }
    .praticular-packge-prof .pkg-head {
        background: #f15b26;
        color: #fff
    }
    .particular-advnce .pkg-head {
        background: #05a8d0!important;
        color: #fff
    }
    .ab-basic-particuler .pkg-head {
        background: #6739b6!important;
        color: #fff
    }
    .seo-optimizition-section .section-title-4 p {
        text-align: justify;
        padding: 0
    }
    .icon-box-3-section .section-title-4 p {
        text-align: justify
    }
    .blog-detail-banner-section .blog-banner-sec {
        background: #42b5d6!important
    }
    .service-banner-section .blog-banner-sec {
        background: #5f74b8!important
    }
    .blog-banner-sec {
        padding: 71px 0 65px
    }
    .congratulation-iamge {
        display: none
    }
    .congratulation-content {
        margin-top: 0
    }
    .congration-title {
        font-size: 35px;
        margin-bottom: 12px
    }
    .congratulation-content h4 {
        font-size: 20px
    }
    .congratulation-content h4.doodle-w-title {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:567px) {
    .fixed-testmonial-shap {
        margin-top: 100px
    }
    .test-caro-title {
        font-size: 25px
    }
    .ab-package-tab .doddle-btn span {
        display: none
    }
    .header-top-account li a,
    .header-top-phone li a {
        font-size: 11px
    }
    .test-content-in {
        padding-left: 30px;
        padding-bottom: 0
    }
    .header-top-account li,
    .header-top-phone li {
        margin-right: 3px;
        padding-right: 6px;
        padding-left: 6px
    }
    .newsletter-btn span {
        right: 32px
    }
    .single_package_btn {
        width: 148px;
        height: 126px
    }
    .package-btn-content {
        width: 100px
    }
    .pkg-pricing-title h3:after,
    .pkg-pricing-title h3:before {
        display: none
    }
    .case-study-section .mixitup-ready .col-md-4.col-sm-6 {
        float: none;
        width: 100%
    }
    .cases-title a {
        -webkit-transform: translate3d(5px, -11px, 0);
        -moz-transform: translate3d(5px, -11px, 0);
        -ms-transform: translate3d(5px, -11px, 0);
        transform: translate3d(5px, -11px, 0)
    }
    .footer-animation2 {
        position: absolute;
        top: 7px;
        left: 15%;
        width: 20px;
        height: 20px
    }
    .icon-box-3 h2,
    .icon-box-3 h2 a,
    .icon-box-3 h3,
    .icon-box-3 h3 a {
        font-size: 20px;
        margin: 0 0 8px
    }
    .section-title-4 p {
        font-size: 17px;
        font-weight: 600
    }
    .main-slider .swiper-slide-content {
        text-align: center
    }
    .footer-animation4 {
        right: 10%
    }
    .icon-box {
        margin-bottom: 0
    }
    .footer-animation3 {
        right: 0
    }
    .sm-content h2 {
        font-size: 22px;
        margin-bottom: 10px
    }
    .package-pheader.sm-content h3 {
        margin: 10px 0
    }
    .com-title {
        font-size: 20px
    }
    .single-page-share-opt label {
        float: none!important;
        text-align: center
    }
    .socail-share-opt.pull-right {
        text-align: center
    }
    .com-replay-form button[type=submit] {
        font-size: 16px
    }
    .sp-date {
        display: none
    }
    .case-img img {
        width: 100%
    }
    .blog-social-share {
        float: right;
        display: none
    }
    .login-form-new-inner {
        top: 50%
    }
    .blog-img img {
        width: 100%
    }
    .screenshort-tabs-list.seo-recomand-list.text-center.clearfix.margin-bottom45 {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
    .screenshort-tabs-list.seo-recomand-list.text-center.clearfix.margin-bottom45 li {
        line-height: 20px;
        display: block;
        width: 100%
    }
    .page-breadcrumb ul li,
    .page-breadcrumb ul li a {
        font-size: 12px
    }
    .page-breadcrumb ul li {
        margin-right: 40px
    }
    .single-search-result-thimb img {
        width: 100%;
        margin-bottom: 20px
    }
    .error-search-form input[type=search] {
        height: 53px;
        font-weight: 600;
        padding: 6px 13px
    }
    .error-search-form button[type=submit] {
        padding: 0 7px;
        font-size: 19px
    }
    .error-search-form select {
        right: 32px;
        width: 82px;
        padding: 0 6px
    }
    .error-select-opt::before {
        position: absolute;
        right: 37px;
        top: 14px;
        font-size: 13px;
        font-family: FontAwesome;
        content: '\f107';
        z-index: 1
    }
    .login-socail-form {
        margin: 17px 0 0
    }
    .login-socail-form span {
        margin-bottom: 16px
    }
    /*!*.login-socail-form ul li.face {*!*/
    /*!*margin-bottom: 10px;*!*/
    /*!*}*!*/
    /*!*.login-form-new-inner{*!*/
    /*!*position: absolute;*!*/
    /*!*}*!*/
    /*!*.login-form-new, .successful-popup-wrap {*!*/
    /*!*position: absolute;*!*/
    .or-separator::before {
        display: none
    }
    .form-button input[type=submit] {
        padding: 18px 25px
    }
    .ab-single-service-review-rating {
        width: 100%;
        margin-bottom: 15px;
        text-align: left
    }
    .single-service-desc-title {
        font-size: 23px
    }
    .single-review-communication-rating {
        float: left;
        width: 33.3%
    }
    .single-review-communication-rating h4 {
        margin-bottom: 6px;
        font-size: 12px;
        font-weight: 700;
        color: #646464
    }
    .ab-get-review-list li.sub-comment-list {
        padding-left: 35px
    }
    .ab-get-review-list li {
        list-style: none;
        border-bottom: 1px solid #ddd;
        padding-bottom: 19px
    }
    .ab-get-review-list li:last-child {
        border-bottom: none
    }
    .input-groups.birthday input {
        width: 100%
    }
    .maintance-sec {
        padding: 89px 0
    }
    .maintance-img img {
        width: 100%;
        left: 0;
        margin-bottom: 30px
    }
    .maintaince-content h1 {
        font-size: 42px
    }
    .maintaince-content h2 {
        font-size: 26px;
        line-height: 32px
    }
    .time-count li {
        margin-right: 33px
    }
    .maintance-logo {
        margin-top: 10px;
        width: 100%;
        text-align: center
    }
    .maintance-socail ul li {
        margin-right: 15px
    }
    .newslatter-popup-content {
        width: 100%
    }
    .newslatter-popup-img {
        display: none
    }
    .newslatter-popup-header {
        position: relative;
        margin-bottom: 22px
    }
    .newslatter-popup-socail li a {
        margin: 0 3px
    }
    .newslatter-content {
        padding: 40px 28px 6px
    }
    .offer-popup-cont {
        width: 100%;
        padding-bottom: 0
    }
    .offer-popup-content {
        padding: 40px 28px 0
    }
    .offer-popup-img {
        display: none
    }
    .desk-img {
        width: 300px
    }
    .api-image {
        height: 81%
    }
    .screenshort-tabs-list li {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }
    .screenshort-tabs-list li:first-child,
    .screenshort-tabs-list li:last-child {
        border-radius: 0
    }
    .new-customers h2 {
        text-align: center
    }
    .form-button.pull-left {
        float: none!important;
        text-align: center;
        display: block;
        width: 100%;
        margin-bottom: 20px
    }
    .forgot-pass {
        float: none!important;
        display: block;
        text-align: center;
        width: 100%
    }
    .t-hover-in {
        bottom: 0;
        left: 0;
        position: relative;
        top: -30px;
        transform: rotate(0);
        transition: all .6s ease;
        -webkit-transition: all .6s ease;
        -moz-transition: all .6s ease;
        -ms-transition: all .6s ease;
        -o-transition: all .6s ease
    }
    .single-team:hover .t-hover-in {
        top: -27px
    }
    .ab_team_hover {
        padding-left: 0
    }
    .single-table-pert h1 {
        padding: 14px 70px!important
    }
    .ab-total-amount span:first-child::before {
        z-index: -1
    }
    .ab-total-amount span:first-child {
        z-index: 1
    }
    .author-signature-content h2 {
        font-size: 18px
    }
    .download-item-list.text-right {
        text-align: left
    }
    .download-item-list a {
        font-size: 12px
    }
    .download-item-list a.download i {
        font-size: 16px
    }
    .invoice-author-information img {
        max-width: 120px;
        margin-bottom: 20px
    }
    .left-amount-process {
        width: 100%;
        float: none
    }
    .author-signature-content {
        width: 100%;
        float: none
    }
    .author-signature-content {
        margin: 10px 0 0 0
    }
    .ab-total-amount span:first-child::before {
        position: absolute;
        right: -24px;
        top: 0;
        width: 58px;
        height: 100%;
        content: '';
        background: url(../images/tot.png) no-repeat center center/cover
    }
    .acc-download-img {
        width: 100%
    }
    .hovercontent-item {
        top: 50%;
        padding: 0 20px
    }
    .footer-info-area {
        padding-bottom: 27px
    }
    .ab-package-tab {
        text-align: left;
        margin-bottom: 50px
    }
    .ab-package-tab li .doddle-btn {
        height: 45px;
        border: 1px solid #5165a3;
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        border-radius: 30px;
        font-family: Catamaran;
        padding: 16px 14px;
        position: relative;
        font-size: 12px;
        line-height: 1
    }
    .ab-package-tab li .doddle-btn b::before {
        display: none
    }
    .fb-anytwo {
        top: 10px
    }
    .ab-page-title h1 span,
    .ab-page-title h3 span {
        transform: skewX(0)
    }
    .ab-page-title h1,
    .ab-page-title h3 {
        transform: skewX(0);
        font-size: 20px;
        padding: 12px 12px;
        border-radius: 4px
    }
    .swiper-slide-content .doddle-btn {
        min-width: 239px;
        border: none
    }
    .swiper-button-white {
        display: none
    }
    .footer-widget-area {
        padding-bottom: 0
    }
    .package-pheader {
        margin-bottom: 0
    }
    .blog-adds {
        margin-top: 0
    }
    .blog-dec2 .blog-title2,
    .blog-dec2 .blog-title2 a {
        min-height: inherit
    }
    .blog-dec2 {
        min-height: inherit
    }
    .blog-sidebar {
        padding-top: 30px
    }
    .seo-score-title {
        font-size: 40px;
        margin-bottom: 44px
    }
    .latest-blog .blog-date,
    .latest-blog .blog-date a {
        padding: 13px 34px;
        font-size: 16px
    }
    #contactMail .contact-submit-btn b::before {
        display: none
    }
    .blog-img img {
        width: 100%
    }
    .login-socail-form ul li a,
    .login-socail-form ul li span {
        font-size: 12px
    }
    .login-socail-form ul li.lin,
    .login-socail-form ul li.lin:hover {
        padding: 10px 176px 10px 15px;
        border-radius: 0
    }
    .contact-form textarea {
        height: 224px
    }
    .map {
        height: 408px
    }
    .single-blog-lead .blog-img img {
        width: auto
    }
    .slide4 .container-slider {
        margin: auto auto auto auto;
        width: 100%
    }
    .seo-opt-img img {
        width: 100%;
        margin: auto
    }
    .blog-banner-sec {
        padding: 35px 0px;
    }
    .footer-animation1 {
        display: none
    }
    .footer-animation5 {
        bottom: 10%;
        right: 25%
    }
    .single-info {
        margin-bottom: 10px
    }
    .newsletter-btn {
        display: block;
        left: 0;
        margin: 18px auto auto;
        position: relative;
        right: 0;
        text-align: center;
        width: 235px
    }
    .newsletter-btn span {
        top: 11px
    }
    .client-logo-section .row .col-lg-2.col-sm-4 {
        width: 100%;
        float: none
    }
    .test-client-img {
        display: none
    }
    .single-info {
        margin-bottom: 20px
    }
    .footer-info-area {
        padding-bottom: 11px
    }
    .seo-score-title {
        font-size: 30px;
        margin-bottom: 30px
    }
    .offer-popup-content {
        height: 290px;
        overflow-y: scroll
    }
    .newslatter-content {
        height: 290px;
        overflow-y: scroll
    }
    section.common-section.bg-black.testmonial-section {
        padding-bottom: 70px
    }
    .single-service.single-service-big {
        padding: 18px 10px
    }
    .swiper-slide-btn a {
        margin-right: 0!important;
        display: block;
        width: 239px;
        border: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto!important;
        display: block
    }
    .seo-score-input {
        margin-bottom: 5px
    }
    .seo-optimizition-section .doddle-btn.mr10 {
        margin-right: auto;
        margin-left: auto
    }
    .seo-optimizition-section .doddle-btn {
        display: block;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 235px
    }
    .blog-detail-banner-section .blog-banner-sec {
        min-height: 252px;
        padding: 80px 0 80px
    }
    .com-replay-form input[type=submit] {
        font-size: 16px
    }
}

@media (min-width:567px) and (max-width:767px) {
    .test-client-img {
        display: none
    }
    section.common-section.bg-black.testmonial-section {
        padding-bottom: 70px
    }
    .testmonial-control.blog-pagi {
        bottom: 360px;
    }
    section.common-section.bg-black.latest-blog-section {
        padding-bottom: 80px
    }
    .ab-page-title h1 {
        font-size: 25px;
        padding: 11px 32px
    }
    .mobile-ul {
        height: 250px
    }
    #contactMail .contact-submit-btn b::before {
        display: none
    }
    .blog-img img {
        width: 100%
    }
    .single-blog-lead .blog-img img {
        width: auto
    }
    .package-pheader {
        margin-bottom: 15px
    }
    .contact-form textarea {
        height: 200px
    }
    .team-section .col-lg-3.col-sm-6 {
        width: 50%;
        float: left
    }
    .latest-blog .blog-img img {
        width: 100%
    }
    .seo-score-title {
        font-size: 38px;
        margin-bottom: 30px
    }
    .icon-box-3 h2,
    .icon-box-3 h2 a {
        font-size: 20px;
        margin: 0 0 10px
    }
    .client-logo-section .row .col-lg-2.col-sm-4 {
        width: 33.3%;
        float: left
    }
    .footer aside.widget .about-widget ul li a {
        font-size: 16px
    }
    .footer-widget-area .col-lg-3.col-sm-6 {
        float: left;
        width: 50%
    }
    .video-wrap img {
        width: auto;
        height: auto
    }
    .icon-box-3 p {
        padding: 0 40px
    }
    .form-input label span {
        font-size: 22px;
        color: red;
        line-height: .8;
        display: block;
        position: absolute;
        top: 0;
        right: -16px
    }
    .icon-box p {
        padding: 0 40px
    }
    .newsletter-btn {
        display: inline-block;
        left: auto;
        margin: 0;
        position: absolute;
        right: 0;
        border-radius: 0
    }
    .newsletter-btn button[type=submit],
    .newsletter-btn input[type=submit] {
        border-radius: 0;
        border-top-right-radius: 36px;
        border-bottom-right-radius: 36px
    }
    .footer-animation5 {
        right: 9%
    }
    .footer-animation4 {
        top: 23%;
        right: 9%
    }
    .footer-location,
    .footer-location:nth-of-type(2),
    .footer-location:nth-of-type(3),
    .footer-location:nth-of-type(4) {
        float: left;
        width: 50%;
        padding: 0 15px
    }
    .footer-animation1 {
        display: none
    }
    .newsletter-btn {
        display: inline-block;
        left: auto;
        margin: 0;
        position: absolute;
        right: 10px;
        text-align: center
    }
}