@media (min-width:1200px) and (max-width:1300px) {
    .square {
        left: -30px;
        top: -64px
    }
    .main-info h1 {
        font-size: 70px;
        line-height: 60px
    }
    .main-info {
        position: absolute;
        left: 20%;
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
        text-transform: uppercase;
        font-family: Rajdhani, sans-serif;
        color: #fff;
        z-index: 2;
        width: 700px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .main-info h1 {
        font-size: 70px;
        line-height: 60px
    }
    .main-info {
        position: absolute;
        left: 20%;
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
        text-transform: uppercase;
        font-family: Rajdhani, sans-serif;
        color: #fff;
        z-index: 2;
        width: 700px
    }
    .zig-zag-left h2 {
        font-size: 43px
    }
    .circle-middle {
        position: absolute;
        left: 5%;
        top: 400px
    }
    .left-image {
        margin-right: -70px
    }
    .abut-us-right-main {
        margin-left: -80px
    }
    .our-agency-check {
        font-size: 17.9px
    }
    .med-mar-bot30 {
        margin-bottom: 30px
    }
    .dots-line {
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 50%;
        z-index: 0
    }
    .dots-line2 {
        position: absolute;
        bottom: -350px;
        left: 40%;
        display: inline
    }
    .square {
        left: 0;
        top: -64px
    }
    .blog-circle-top {
        top: 17%
    }
    .dot {
        left: -180px
    }
    .our-agency-left-main {
        margin-left: 0
    }
    .counting-serv-title-box-big {
        right: -92px
    }
    .counting-serv-title-box {
        bottom: 125px;
        right: -66px;
        width: 255px
    }
    .counting-border {
        right: 33px
    }
    .contact-bottom-box-icon {
        width: 65px;
        height: 65px;
        line-height: 65px;
        font-size: 25px
    }
    .bottom-box-text a,
    .bottom-box-text span {
        font-size: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .main-info h1 {
        font-size: 70px;
        line-height: 60px
    }
    .main-info {
        position: absolute;
        left: 20%;
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
        text-transform: uppercase;
        font-family: Rajdhani, sans-serif;
        color: #fff;
        z-index: 2;
        width: 700px
    }
    .main-info p {
        font-size: 18px;
        margin-bottom: 15px
    }
    .zig-zag {
        padding: 40px 0
    }
    .our-services-box span {
        font-size: 55px;
        margin-bottom: 0;
        line-height: 100px
    }
    .icon-index-abs {
        width: 100px;
        height: 100px;
        top: -50px;
        border: 3px solid #ebeef3
    }
    .our-services-box {
        padding: 40px 20px 20px 20px
    }
    .our-services-box h3 {
        font-size: 25px;
        line-height: 25px;
        margin-top: 20px;
        font-weight: 500
    }
    a.button-box {
        font-size: 14px
    }
    .our-services-box .btn {
        padding: 1px 10px
    }
    .med-mar-bot30 {
        margin-bottom: 30px
    }
    .circle-middle {
        position: absolute;
        left: 0;
        top: 150px
    }
    .left-image {
        margin-right: -200px
    }
    .abut-us-right-main {
        margin-left: -200px;
        margin-top: 225px
    }
    .question-mark-text h3 {
        font-size: 44px;
        line-height: 44px
    }
    a.btn-quest-main {
        font-size: 17px;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 14px 35px;
        letter-spacing: 2px;
        margin-top: 15px
    }
    .blog-circle-top {
        left: 0;
        top: 10%
    }
    .dots-line {
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 50%;
        z-index: 0
    }
    .dots-line2 {
        position: absolute;
        bottom: -350px;
        left: 40%;
        display: inline
    }
    .left-image {
        height: 657px;
        overflow: hidden
    }
    .left-image img {
        height: 657px;
        width: 100%;
        object-fit: cover;
        object-position: center
    }
    .square {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        height: 165px
    }
    .icon-square span {
        font-size: 40px
    }
    .p-square-first {
        font-size: 35px
    }
    .our-agency-left-main {
        margin-left: 0;
        margin-bottom: 40px
    }
    .dot {
        bottom: 0;
        left: -50px;
        z-index: 2
    }
    .our-agency-right p {
        background-color: #edf0f5;
        display: inline-block;
        padding: 10px
    }
    .our-agency-right h3::after {
        background-color: #edf0f5
    }
    .blue-square {
        background-color: #fff;
        color: #548de4
    }
    .our-agency-check {
        font-weight: 500
    }
    .middle-text-main h2 {
        font-size: 30px;
        line-height: 30px
    }
    .middle-text-main h2 span {
        font-weight: 700
    }
    .counting-serv-title-box-big {
        right: -114px
    }
    .counting-serv-title-box {
        bottom: 125px;
        right: -88px;
        width: 255px
    }
    .counting-border {
        right: 10px
    }
    .insade-main-top-info h1 {
        font-size: 90px;
        line-height: 70px
    }
    ul.ask-square-right {
        width: 48%;
        float: left;
        margin-top: 45px;
        border-radius: 0;
        padding: 50px 50px 28px;
        margin-bottom: 20px
    }
    ul.ask-square-right2 {
        width: 48%;
        float: right;
        margin-top: 45px;
        border-radius: 0
    }
    .sidebar-bottom {
        display: block;
        clear: both;
        content: "";
        margin-bottom: 100px
    }
    ul.contact-bottom-box {
        padding: 40px 5px
    }
    .contact-bottom-box-icon {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
        margin-right: 10px
    }
    .bottom-box-text {
        margin-top: 5px
    }
    .bottom-box-text a,
    .bottom-box-text span {
        font-size: 16px
    }
    .bottom-box-text p {
        font-size: 17px;
        letter-spacing: 1px
    }
    .contact-page h2::before {
        width: 190px
    }
}

@media (min-width:576px) and (max-width:767px) {
    .top-header {
        display: none
    }
    header {
        height: 100vh
    }
    .main-info h1 {
        font-size: 50px;
        line-height: 50px
    }
    .main-info {
        position: absolute;
        left: 5%;
        top: 50%;
        transform: translateY(-50%);
        text-align: left;
        text-transform: uppercase;
        font-family: Rajdhani, sans-serif;
        color: #fff;
        z-index: 2;
        width: 450px
    }
    .main-info p {
        font-size: 16px;
        margin-bottom: 15px
    }
    .zig-zag {
        padding: 30px 0
    }
    .our-services-box span {
        font-size: 55px;
        margin-bottom: 0;
        line-height: 100px
    }
    .icon-index-abs {
        width: 100px;
        height: 100px;
        top: -50px;
        border: 3px solid #ebeef3
    }
    .our-services-box {
        padding: 40px 20px 20px 20px;
        width: 75%;
        margin: 0 auto
    }
    .our-services-box h3 {
        font-size: 25px;
        line-height: 25px;
        margin-top: 20px;
        font-weight: 500
    }
    a.button-box {
        font-size: 14px
    }
    .our-services-box .btn {
        padding: 1px 10px
    }
    .small-mar-bot90 {
        margin-bottom: 70px
    }
    .circle-middle {
        position: absolute;
        left: 0;
        top: 150px
    }
    a.btn-about-us-index {
        font-size: 16px;
        letter-spacing: 1px;
        padding: 18px 15px
    }
    a.btn-quest-main {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        padding: 10px 35px;
        letter-spacing: 2px;
        margin-top: 10px
    }
    .question-mark-text h3 {
        font-size: 34px;
        line-height: 34px
    }
    .blog-circle-top {
        left: 0;
        top: 10%
    }
    .counting-serv-title-box-big {
        right: -102px
    }
    .counting-serv-title-box {
        bottom: 125px;
        right: -70px;
        width: 255px
    }
    .counting-border {
        right: 20px
    }
    .counting-serv {
        padding: 70px 0 190px 0;
        position: relative
    }
    .counting-list-main {
        margin-left: 0;
        font-family: Rajdhani, sans-serif;
        width: 75%;
        margin: 0 auto
    }
    a.btn-our-agency-square {
        margin-bottom: 45px
    }
    .counting-list-main:after {
        display: block;
        content: "";
        clear: both
    }
    h3.counting-title-small {
        margin-top: 0
    }
    .counting-circle-middle {
        top: 30px
    }
    .med-mar-bot30 {
        margin-bottom: 30px
    }
    .dots-line {
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        z-index: 0
    }
    .dots-line2 {
        position: absolute;
        bottom: -350px;
        left: 0;
        display: inline
    }
    .left-image {
        height: 550px;
        overflow: hidden;
        margin-right: 0
    }
    .left-image img {
        height: 550px;
        width: 100%;
        object-fit: cover;
        object-position: center
    }
    .square {
        position: absolute;
        top: 0;
        left: 0;
        width: 200px;
        height: 220px
    }
    .abut-us-right-main {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        width: 90%;
        margin: -150px auto 0 auto
    }
    .btn-about-us-index {
        padding: 18px 25px
    }
    .our-agency {
        padding: 120px 10px 120px 60px
    }
    .our-agency-left-main {
        margin-left: 0;
        margin-bottom: 40px
    }
    .dot {
        bottom: 0;
        left: -50px;
        z-index: 2
    }
    .our-agency-right p {
        background-color: #edf0f5;
        display: inline-block;
        padding: 10px
    }
    .our-agency-right h3::after {
        background-color: #edf0f5
    }
    .blue-square {
        background-color: #fff;
        color: #548de4
    }
    .our-agency-check {
        font-weight: 500
    }
    .middle {
        padding: 100px 0 250px 0
    }
    .newsletter-abs {
        left: 23px
    }
    .middle-text-main p {
        margin-bottom: 20px
    }
    .question-mark-text h3.bottom-sml {
        font-size: 38px;
        line-height: 38px
    }
    span a.kokos {
        display: none
    }
    .insade-main-top-info {
        margin-top: 180px
    }
    .insade-main-top-info h1 {
        font-size: 90px;
        line-height: 70px
    }
    ul.ask-square-right {
        width: 47%;
        float: left;
        margin-top: 45px;
        border-radius: 0;
        padding: 40px 40px 28px 40px;
        margin-bottom: 15px
    }
    ul.ask-square-right2 {
        width: 49%;
        float: right;
        margin-top: 45px;
        border-radius: 0;
        padding: 40px 20px 42px 20px
    }
    .ask-square-icon {
        margin-right: 10px
    }
    .sidebar-bottom {
        display: block;
        clear: both;
        content: "";
        margin-bottom: 100px
    }
    .insade-text-box2 {
        padding-left: 0
    }
    .section-main-contact-page {
        padding-bottom: 50px;
        padding-top: 0
    }
    .contact-bottom-box-icon {
        margin-right: 30px
    }
    ul.contact-bottom-box li {
        display: block;
        width: 100%;
        float: left
    }
    ul.contact-bottom-box:after {
        display: block;
        content: "";
        clear: both
    }
    ul.contact-bottom-box li:nth-child(2) {
        border-bottom: 1px dashed rgba(255, 255, 255, .2);
        border-top: 1px dashed rgba(255, 255, 255, .2);
        margin: 10px 0;
        padding: 10px 0
    }
    ul.contact-bottom-box {
        padding: 20px 20px;
        margin-top: 40px
    }
    .ask-us-wrapp {
        margin-top: 40px
    }
    .ask-us-wrp-right {
        margin-top: 40px
    }
}

@media (max-width:575px) {
    .logo-sin,
    span a.kokos {
        display: none
    }
    .navigation-insade {
        position: relative;
        width: 100%;
        height: 100%
    }
    a.mob-info {
        position: absolute;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        border: 1px dashed rgba(255, 255, 255, .3);
        box-sizing: content-box;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        background-color: #041026;
        line-height: 50px;
        font-size: 27px;
        transition: .5s;
        display: block
    }
    a.mob-info span {
        color: #fff
    }
    a.mob-info:hover {
        background-color: #34c234;
        text-decoration: none
    }
    .menu2 {
        display: block;
        position: fixed;
        width: 40px;
        height: 40px;
        top: 20px;
        right: 20px;
        z-index: 999;
        cursor: pointer;
        background-color: #3a8f8c;
        border-radius: 50%;
        border: 2px solid #fff;
        box-sizing: content-box;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3)
    }
    .bar,
    .bar::after,
    .bar::before {
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 3px;
        content: "";
        top: 50%;
        left: 0
    }
    .bar {
        margin-top: -1px;
        width: 20px;
        left: 10px
    }
    .bar::before {
        top: -7px
    }
    .bar::after {
        top: 7px
    }
    .bar::after,
    .bar::before {
        transform: rotate(0);
        transition: .3s
    }
    .active .bar {
        background-color: transparent
    }
    .active .bar::before {
        transform: rotate(45deg);
        transition: .3s
    }
    .active .bar::after {
        transform: rotate(-45deg);
        transition: .3s
    }
    .active .bar::after,
    .active .bar::before {
        top: 0
    }
    .navigation {
        width: 100%;
        height: 100%;
        background-color: #1d283c;
        position: fixed;
        transform: translateX(-700px);
        z-index: 998;
        line-height: 50px;
        font-size: 25px;
        padding: 0 0;
        transition: transform .5s cubic-bezier(.56, .1, .34, .91)
    }
    .menu-open .navigation {
        transform: translate(-30px)
    }
    .navigation ul {
        width: 100%;
        text-align: center;
        padding-top: 60px
    }
    .navigation ul li {
        display: block;
        padding: 10px
    }
    .top-header {
        display: none
    }
    header {
        height: 100vh
    }
    .main-info h1 {
        font-size: 35px;
        line-height: 35px;
        font-weight: 600
    }
    .main-info {
        position: absolute;
        left: 50%;
        top: 49%;
        transform: translateY(-50%, -50%);
        text-align: center;
        text-transform: uppercase;
        font-family: Rajdhani, sans-serif;
        color: #fff;
        z-index: 2;
        width: 100%;
        padding: 0 10px
    }
    .main-info p {
        font-size: 14px;
        margin-bottom: 15px;
        padding: 5px 5px
    }
    .bounce-arrow {
        margin-top: 40px;
        display: block;
        font-weight: bolder;
        font-size: 18px
    }
    .bounce {
        -moz-animation: bounce 3s infinite;
        -webkit-animation: bounce 3s infinite;
        animation: bounce 3s infinite
    }
    @-moz-keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
            -moz-transform: translateY(0);
            transform: translateY(0)
        }
        40% {
            -moz-transform: translateY(-30px);
            transform: translateY(-30px)
        }
        60% {
            -moz-transform: translateY(-15px);
            transform: translateY(-15px)
        }
    }
    @-webkit-keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        40% {
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
        }
        60% {
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
        }
    }
    @keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
        40% {
            -moz-transform: translateY(-30px);
            -ms-transform: translateY(-30px);
            -webkit-transform: translateY(-30px);
            transform: translateY(-30px)
        }
        60% {
            -moz-transform: translateY(-15px);
            -ms-transform: translateY(-15px);
            -webkit-transform: translateY(-15px);
            transform: translateY(-15px)
        }
    }
    .zig-zag {
        padding: 20px;
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1
    }
    .zig-zag::before {
        content: '';
        position: absolute;
        top: -30%;
        width: 100%;
        height: 190%;
        left: 0;
        background: #3a8f8c;
        transform: skewY(345deg);
        transition: .5s;
        z-index: 0;
        border-top: 5px solid #fff;
        border-bottom: 5px solid #fff
    }
    .triangle {
        display: none
    }
    .small-mar-bot30 {
        margin-bottom: 30px
    }
    .zig-zag-left h2 {
        font-size: 43px
    }
    .our-services {
        margin-top: -55px
    }
    .our-services-box span {
        font-size: 55px;
        margin-bottom: 0;
        line-height: 100px
    }
    .icon-index-abs {
        width: 100px;
        height: 100px;
        top: -50px;
        border: 3px solid #ebeef3
    }
    .our-services-box {
        padding: 40px 20px 20px 20px;
        width: 90%;
        margin: 0 auto;
        z-index: 2
    }
    .our-services-box h3 {
        font-size: 25px;
        line-height: 25px;
        margin-top: 20px;
        font-weight: 500
    }
    a.button-box {
        font-size: 14px
    }
    .our-services-box .btn {
        padding: 1px 10px
    }
    .small-mar-bot90 {
        margin-bottom: 70px
    }
    .circle-middle {
        position: absolute;
        left: 0;
        top: 350px
    }
    .our-services-insade {
        position: relative;
        padding-top: 100px
    }
    .dots-line {
        position: absolute;
        top: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        z-index: 0
    }
    .dots-line2 {
        position: absolute;
        bottom: -30px;
        left: 0;
        display: inline
    }
    .about-us {
        padding: 120px 0 0 0;
        margin-top: -200px
    }
    .about-us:before {
        content: '';
        position: absolute;
        top: -5%;
        width: 100%;
        height: 101%;
        left: 0;
        background: #3a8f8c;
        -webkit-transform: skewY(345deg);
        -moz-transform: skewY(345deg);
        -ms-transform: skewY(345deg);
        -o-transform: skewY(345deg);
        transform: skewY(345deg);
        transition: .5s;
        z-index: 0;
        border-top: 5px solid #fff
    }
    a.btn-about-us-index {
        font-size: 16px;
        padding: 15px 10px;
        position: relative;
        z-index: 0;
        overflow: hidden;
        border: none;
        float: none;
        letter-spacing: 3px
    }
    .left-image {
        height: 450px;
        margin-right: 0;
        border: 1px dashed #fff
    }
    .left-image img {
        height: 448px;
        width: 100%;
        object-fit: cover;
        object-position: center
    }
    .square {
        position: absolute;
        top: -1px;
        left: -1px;
        width: 170px;
        height: 160px;
        border-bottom-right-radius: 20%;
        padding: 10px;
        border-bottom: 1px dashed #fff;
        border-right: 1px dashed #fff;
        z-index: 10:
    }
    .about-us-contact,
    .about-us-phone {
        margin-left: 15px
    }
    .icon-square span {
        font-size: 50px
    }
    .p-square-first {
        font-size: 35px
    }
    .abut-us-right-main {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        width: 95%;
        margin: -100px auto 0 auto;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .09)
    }
    .about-us-right-box h3 {
        font-size: 35px;
        line-height: 35px
    }
    .about-us-right-box p {
        color: #3a8f8c;
        font-size: 24px;
        margin-bottom: 5px;
        font-weight: 400
    }
    .about-us-right-box h3 span {
        font-size: 45px;
        line-height: 45px
    }
    .btn-about-us-index {
        padding: 18px 25px
    }
    .btn-quest-main {
        margin-top: 10px
    }
    .abut-us-right-main:after {
        display: block;
        clear: both;
        content: ""
    }
    ul.about-us-bottom-ul li.small-btn-s {
        display: block;
        margin-bottom: 20px
    }
    .btn-about-us-index {
        float: none;
        margin: 0 auto;
        width: 75%;
        display: block
    }
    .question-mark-text h3 {
        font-size: 30px;
        line-height: 30px;
        text-align: center
    }
    a.btn-quest-main {
        float: none;
        width: 75%;
        margin: 25px auto 0;
        display: block
    }
    .blog-circle-top {
        left: 0;
        top: 11%
    }
    .our-agency {
        padding: 30px 0 120px 0
    }
    .our-agency-left-main {
        margin-left: 0;
        margin-bottom: 40px
    }
    .our-agency-rotate-title {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        position: absolute;
        top: 260px;
        left: -199px;
        z-index: 2
    }
    .dot {
        bottom: 0;
        left: -50px;
        z-index: 2
    }
    .our-agency-right p {
        background-color: #edf0f5;
        display: inline-block;
        padding: 10px
    }
    .our-agency-right h3::after {
        background-color: #edf0f5
    }
    .blue-square {
        background-color: #fff;
        color: #548de4;
        margin-left: 0;
        margin-right: 10px;
        float: left
    }
    .our-agency-check {
        font-weight: 500
    }
    .our-agency-square {
        padding: 10px
    }
    p.our-agency-square-p {
        margin-top: 0;
        line-height: 18px;
        padding: 6px 5px
    }
    a.btn-our-agency-square {
        padding: 12px 13px;
        position: relative;
        letter-spacing: 0
    }
    .middle {
        padding: 100px 0 250px 0
    }
    .middle-text-main p {
        margin-bottom: 20px
    }
    .question-mark-text h3.bottom-sml {
        font-size: 38px;
        line-height: 38px
    }
    .newsletter-abs {
        position: absolute;
        left: 20px;
        bottom: -100px;
        z-index: 1;
        width: 90%;
        padding: 10px 10px 10px 10px
    }
    .question-mark-text h3.bottom-sml {
        font-size: 28px;
        line-height: 28px
    }
    .question-mark-bottom {
        padding: 20px;
        margin-bottom: -124px;
        margin-top: -84px;
        position: relative;
        z-index: 1
    }
    .counting-serv {
        padding: 30px 0 190px 0;
        position: relative
    }
    .counting-list-main {
        margin-left: 0;
        font-family: Rajdhani, sans-serif;
        width: 90%;
        margin: 0 auto
    }
    .counting-serv-box {
        margin-top: 65px
    }
    .counting-serv-box::before {
        width: 30px
    }
    .counting-circle-middle {
        top: 30px
    }
    .counting-serv-title-box-big {
        right: -123px;
    top: 256px;
    }
    .counting-serv-title-box {
        bottom: 95px;
        right: -70px;
        width: 200px
    }
    .counting-border {
        right: 3px
    }
    .insade-main-top-info {
        margin-top: 180px
    }
    .insade-main-top-info h1 {
        font-size: 60px;
        line-height: 50px
    }
    .insade-main-top-info p {
        padding: 5px;
        font-size: 16px
    }
    .insade-circle {
        display: none
    }
    .section-insade-middle {
        padding: 40px 0;
        position: relative
    }
    .insade-text-box2 h2 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 40px;
        z-index: 2;
        margin-top: -15px
    }
    .section-insade-middle::before {
        content: '';
        position: absolute;
        top: -50px;
        width: 100%;
        height: 150px;
        z-index: 1;
        left: 0;
        background: #fff;
        transform: skewY(-15deg)
    }
    ul.ask-square-right {
        margin-top: 45px;
        border-radius: 0;
        padding: 40px 40px 28px 40px;
        margin-bottom: 15px
    }
    ul.ask-square-right2 {
        margin-top: 15px;
        border-radius: 0;
        padding: 40px 20px 42px 20px
    }
    .ask-square-icon {
        margin-right: 10px
    }
    .sidebar-bottom {
        display: block;
        clear: both;
        content: "";
        margin-bottom: 100px
    }
    .insade-text-box2 {
        padding-left: 0
    }
    .sidebar-top {
        padding: 10px
    }
    .contact-page h2,
    .insade-text-box h2 {
        font-size: 33px;
        line-height: 33px;
        margin-bottom: 15px;
        font-weight: 500;
        position: relative;
        margin-bottom: 45px;
        padding-bottom: 10px;
        z-index: 1
    }
    .insade-text-box-sm-icon {
        position: absolute;
        left: 50%;
        top: -120px;
        width: 100px;
        height: 100px;
        background-color: #fff;
        z-index: 1;
        transform: translateX(-50%);
        border-radius: 50%;
        text-align: center;
        line-height: 100px;
        font-size: 40px;
        color: #3a8f8c;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        display: block
    }
    .insade-text-box-sm-icon2 {
        position: absolute;
        left: 50%;
        top: -100px;
        width: 100px;
        height: 100px;
        background-color: #fff;
        z-index: 1;
        transform: translateX(-50%);
        border-radius: 50%;
        text-align: center;
        line-height: 100px;
        font-size: 40px;
        color: #3a8f8c;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
        display: block
    }
    .section-main-contact-page {
        padding-bottom: 50px;
        padding-top: 0;
        position: relative;
        z-index: 2
    }
    .ask-us-wrp-left h3 {
        text-transform: uppercase;
        font-size: 36px;
        font-weight: 700;
        line-height: 38px;
        margin-bottom: 25px
    }
    .ab_border {
        height: 420px
    }
    .contact-bottom-box-icon {
        margin-right: 10px;
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 22px
    }
    .bottom-box-text {
        margin-top: 5px
    }
    .bottom-box-text p {
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 1px
    }
    .bottom-box-text a,
    .bottom-box-text span {
        font-size: 20px;
        font-weight: 700
    }
    ul.contact-bottom-box li {
        display: block;
        width: 100%;
        float: left
    }
    ul.contact-bottom-box:after {
        display: block;
        content: "";
        clear: both
    }
    ul.contact-bottom-box li:nth-child(2) {
        border-bottom: 1px dashed rgba(255, 255, 255, .2);
        border-top: 1px dashed rgba(255, 255, 255, .2);
        margin: 10px 0;
        padding: 10px 0
    }
    ul.contact-bottom-box {
        padding: 20px 20px;
        margin-top: 40px
    }
    .ask-us-wrapp {
        margin-top: 40px
    }
    .ask-us-wrp-right {
        margin-top: 40px
    }
    p.top-p-sidebar a {
        font-size: 25px
    }
}