@media only screen and (max-width :1800px) {
    .page_nav ul::after {
        right: -209px
    }
}

@media only screen and (max-width :1790px) {
    .page_nav ul::after {
        right: -209px
    }
}

@media only screen and (max-width :1400px) {
    .main_logo img {
        width: 350px;
        left: 10px
    }
    .page_nav ul::after {
        display: none
    }
    .middle_con {
        padding: 25px 10px
    }
    .btm1_boxes {
        padding: 0 10px
    }
    .btm1_boxes section h2 {
        font-size: 16px
    }
    .btm3_con {
        padding: 192px 10px 0
    }
    .btm2_info {
        right: 10px;
        width: 47%
    }
    .footer_nav ul li a {
        padding: 0 30px;
        font-size: 18px
    }
    .footer_nav ul li::after {
        top: 6px
    }
}

@media only screen and (max-width :1300px) {
    .head_info {
        width: 790px
    }
    .page_nav ul li a {
        font-size: 18px;
        padding: 0 10px
    }
    .page_nav ul {
        width: 790px
    }
    .bnr_info h2 {
        font-size: 45px
    }
    .btm1_boxes section {
        padding: 20px 15px
    }
    .btm2_info {
        right: 0
    }
    .btm2_info h2 {
        font-size: 45px
    }
    .btm3_con {
        padding: 192px 10px 0
    }
}

@media only screen and (max-width :1200px) {
    .header_info {
        font-size: 16px
    }
    .social_media h2 {
        font-size: 16px
    }
    .main_logo img {
        width: 280px
    }
    .mid_box {
        width: 390px
    }
    main .h1_title span {
        font-size: 45px
    }
    .btm1_boxes section h2 {
        min-height: 32px
    }
    .btm1_boxes section p {
        margin-top: 25px
    }
    .btm1_boxes section h2::after {
        bottom: -10px
    }
    .btm2_img figure {
        overflow: hidden;
        width: 75%
    }
    .btm2_img img {
        max-width: initial;
        margin-left: 84%;
        transform: translate(-50%)
    }
    .btm2_img img {
        margin-left: 68%
    }
    .btm2_img {
        left: -143px
    }
}

@media only screen and (max-width :1090px) {
    body,
    html {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none
    }
    .head_info {
        font-size: 16px;
        width: 695px
    }
    .page_nav ul {
        width: 695px
    }
    .page_nav ul li a {
        font-size: 16px
    }
    .btm2_info {
        width: 48%
    }
}

@media only screen and (max-width :1024px) {
    .page_nav ul li.menu-item-has-children>span {
        display: block;
        font-size: 17px;
        right: 20px;
        top: 30px;
        position: absolute
    }
    .page_nav ul li:hover>ul {
        display: none
    }
    .box_skitter {
        top: 0 !important
    }
    .wow {
        animation-name: none !important;
        transform: none !important;
        opacity: 1 !important
    }
    .btm2_info {
        width: 51%
    }
    .btm2_img {
        left: -203px
    }
}

@media only screen and (max-width :1010px) {
    .serv_list ul li {
        width: 45%
    }
}

@media only screen and (max-width :1000px) {
    header {
        padding: 25px 0 10px;
        position: static
    }
    .header_con {
        min-height: 0;
        padding: 0
    }
    .head_info::after {
        display: none
    }
    .header_info h2 {
        padding-left: 60px
    }
    .main_logo img {
        width: 224px;
        position: static;
        text-align: center
    }
    .main_logo {
        text-align: center;
        width: 100%
    }
    .head_info {
        position: static;
        width: 100%
    }
    .social_media {
        /*! display:block; */
        margin: 0
    }
    .page_nav {
        width: 100%;
        float: none;
        clear: both;
        height: auto;
        transition: none;
        padding: 25px 15px;
        margin: 0 auto 0;
        position: static;
        width: 100%
    }
    .page_nav ul {
        margin: 0;
        padding: 0 5px;
        text-align: center;
        position: static;
        width: 100%
    }
    .page_nav ul li {
        width: 32%;
        margin: 5px 3px
    }
    .page_nav ul li:after {
        display: none
    }
    .page_nav ul li a {
        border: 1px solid #24266f;
        border-radius: 5px;
        line-height: 60px;
        height: auto
    }
    .page_nav ul li a:active,
    .page_nav ul li a:hover,
    .page_nav ul li.current_page_item>a {
        text-decoration: none;
        background: linear-gradient(180deg, #6e1d4f, #24266f);
        color: #fff
    }
    .page_nav ul li.menu-item-has-children>span {
        right: 0;
        top: 15px
    }
    .page_nav ul::after {
        display: none
    }
    .page_nav ul ul,
    .page_nav ul ul li,
    .page_nav ul ul li a {
        width: 100%
    }
    .page_nav ul ul li {
        margin: 0 !important
    }
    .bnr_con {
        min-height: 0;
        padding: 0
    }
    .box_skitter {
        display: none
    }
    .slider {
        display: block;
        width: 100%;
        margin-left: 0
    }
    .rslides {
        display: block
    }
    .bnr_info a {
        margin: 0 auto;
        margin-top: 30px
    }
    #banner::before {
        display: none
    }
    .bnr_info {
        width: 100%;
        position: static;
        padding: 45px 25px;
        text-align: center;
        background: linear-gradient(180deg, #6e1d4f, #24266f);
        text-align: center
    }
    .bnr_info h2 {
        font-size: 40px
    }
    .non_ban_img {
        width: 185%;
        margin-left: -40%;
        transform: none
    }
    #middle {
        padding: 40px 25px;
        border-bottom: 5px solid #ffd116
    }
    .middle_con {
        min-height: 0;
        padding: 0
    }
    .mid_box {
        width: 390px;
        width: 100%;
        position: static;
        margin-top: 0;
        text-align: center;
        padding: 50px 20px
    }
    .mid_img {
        position: static
    }
    .mid_button {
        position: static
    }
    .mid_box p {
        margin-top: 41px;
        width: 100%;
        line-height: 28px
    }
    .mid_box figure {
        margin-top: 0
    }
    .mid_box h2 {
        margin-top: 20px
    }
    .mid_box figure {
        text-align: center
    }
    #main_area {
        padding: 0;
        margin: 0;
        min-height: 0
    }
    .main_con {
        min-height: 0;
        padding: 0
    }
    .sidebar,
    main {
        float: none;
        margin: auto;
        width: 100%
    }
    .intro_txt {
        width: 100%
    }
    .main_img {
        display: none
    }
    main .h1_title {
        position: static;
        width: 100%
    }
    .main_p_right {
        width: 100%;
        position: static;
        margin: 25px 0
    }
    .main_con {
        min-height: auto;
        padding: 40px 25px
    }
    main .h1_title span {
        font-size: 30px;
        width: 100%
    }
    #bottom1 {
        padding: 40px 25px 50px;
        background: linear-gradient(180deg, #6e1d4f, #24266f)
    }
    .btm1_con {
        min-height: auto;
        padding: 0
    }
    .btm1_boxes {
        position: static;
        justify-content: space-evenly;
        gap: 50px 15px;
        padding: 0
    }
    .btm1_boxes section {
        width: 350px;
        position: relative
    }
    #bottom1::before {
        display: none
    }
    .btm1_info {
        margin-top: 0
    }
    #bottom2 {
        padding: 40px 25px
    }
    .btm2_con {
        min-height: auto;
        padding: 0
    }
    .btm2_img {
        display: none
    }
    .btm2_info {
        position: static;
        margin: 0;
        text-align: center;
        width: 100%
    }
    .btm2_info a {
        margin: 25px auto 0
    }
    .btm2_info p {
        margin-top: 15px
    }
    #bottom3::before {
        display: none
    }
    .footer_top {
        height: auto;
        padding: 40px 25px
    }
    .footer_top_con {
        min-height: 0;
        padding: 0
    }
    .contact_info {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0 auto
    }
    .contact_info ul li {
        padding: 0;
        display: inline-block;
        vertical-align: top;
        margin: 0 15px
    }
    .contact_info ul li:before {
        display: block;
        position: static;
        margin: 0 auto 10px
    }
    .footer_btm {
        height: auto;
        padding: 20px
    }
    .footer_btm_con {
        min-height: 0;
        padding: 0
    }
    .footer_nav ul li:first-child a {
        padding-left: 10px
    }
    .footer_nav ul li:last-child a {
        padding-right: 10px
    }
    .footer_nav ul li {
        display: inline-block;
        vertical-align: top;
        width: 32%
    }
    .footer_nav ul li a {
        border: 1px solid #24266f;
        margin: 5px;
        padding: 15px 10px;
        line-height: initial
    }
    .footer_nav ul li a:active,
    .footer_nav ul li a:hover,
    .footer_nav ul li.current_page_item a {
        text-decoration: none;
        background: linear-gradient(180deg, #6e1d4f, #24266f);
        color: #fff
    }
    .footer_nav ul li:after {
        display: none
    }
    .copyright {
        float: none;
        margin: 25px auto 0;
        text-align: center;
        margin: 0;
        padding: 0
    }
    .ms {
        flex-direction: column
    }
    .ms .mission {
        width: 100%
    }
    .ms .vision {
        width: 100%
    }
}

@media only screen and (max-width :800px) {
    .nh_mv {
        flex-direction: column
    }
    .nh_m {
        border-bottom-left-radius: 0;
        width: 100%;
        border-top-right-radius: 28px
    }
    .nh_v {
        border-bottom-left-radius: 28px;
        width: 100%;
        border-bottom-right-radius: 28px;
        border-top-right-radius: 0
    }
    header {
        padding: 0
    }
    .main_logo {
        max-width: 78%;
        width: 185px
    }
    .head_info {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding: 0;
        float: none;
        height: auto;
        padding: 30px
    }
    .header_info {
        display: block;
        margin: 10px auto 0;
        text-align: center;
        padding: 0;
        float: none;
        padding-top: 35px
    }
    .header_info mark {
        display: block
    }
    .header_info::before {
        top: -7px;
        top: -10px;
        left: 50%;
        transform: translateX(-50%)
    }
    .header_info h2 {
        padding-left: 0
    }
    .social_media {
        display: block;
        margin-top: 20px
    }
    .social_media h2 {
        padding-right: 0;
        margin-bottom: 10px
    }
    #nav_area {
        padding: 25px 15px;
        background: #fff;
        position: relative
    }
    .nav_toggle_button {
        display: block;
        position: relative
    }
    .page_nav {
        width: 280px;
        position: fixed;
        top: 0;
        right: -280px;
        height: 100%;
        background: #fff;
        transition: all .7s ease;
        overflow-y: scroll;
        padding: 0 0 30px;
        opacity: 0;
        float: none;
        clear: both;
        z-index: 250
    }
    .page_nav ul {
        margin: 0;
        padding: 25px 15px
    }
    .page_nav ul li {
        width: 100%;
        display: block;
        margin: 0 auto 5px
    }
    .page_nav ul ul {
        width: 100%;
        position: relative;
        transition: none
    }
    .page_nav ul ul li {
        border: none;
        width: 100%
    }
    .toggle_right_nav {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        visibility: hidden;
        transition: all .7s ease
    }
    .toggle_nav_close {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2
    }
    .toggle_right_cont {
        visibility: visible;
        background: rgba(0, 0, 0, .9)
    }
    nav.toggle_right_style {
        right: 0;
        opacity: 1;
        z-index: 45
    }
    .logo_slide_right {
        display: block;
        float: left;
        width: calc(100% - 90px)
    }
    .menu_slide_right {
        display: block;
        text-align: left;
        padding: 20px 10px;
        background: #fff;
        position: relative
    }
    .bnr_info h2 {
        font-size: 30px;
        line-height: 123%
    }
    .mid_button a {
        width: 100%
    }
    .btm1_info h2 {
        font-size: 40px
    }
    .btm3_info ul {
        display: block
    }
    .btm3_con {
        padding: 40px 25px
    }
    .btm3_info ul li {
        margin-top: 60px;
        font-size: 18px
    }
    .btm3_info ul li:first-child::before {
        top: -45px
    }
    .btm3_info ul li:nth-child(2)::before {
        top: -45px
    }
    .btm3_info ul li:nth-child(3)::before {
        top: -45px
    }
    .contact_info ul li {
        display: block;
        margin: 15px auto
    }
    .footer_nav ul li {
        width: 48%
    }
    .footer_comp {
        display: block;
        margin: 0 auto;
        padding: 0
    }
    .footer_comp:after,
    .footer_comp:before {
        display: none
    }
    .thumb_left_dd,
    .thumb_right_dd {
        width: 250px
    }
    .col3 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
    .sitemap {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

@media only screen and (max-width :600px) {
    .serv_list ul li {
        width: 100%;
        margin: 0 auto 20px auto;
        display: block
    }
    .non_ban_img {
        width: 275%;
        margin-left: -88%
    }
    .page_title {
        position: static;
        background: #25266e;
        font-size: 30px
    }
    .middle_boxes section {
        display: block;
        width: 100%;
        margin: 15px auto
    }
    .btm1_boxes section {
        display: block;
        width: 310px;
        margin: 15px auto
    }
    .btn_submit {
        width: 100%
    }
    footer {
        padding-bottom: 45px
    }
    .footer_nav ul li {
        display: block;
        width: 100%
    }
    .footer_nav ul li a {
        margin: 5px auto
    }
    #wpadminbar {
        position: fixed !important
    }
    .col2,
    .col3 {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
    .thumb_center_dd,
    .thumb_left_dd,
    .thumb_right_dd {
        display: none
    }
    main .bullet {
        padding-left: 10px
    }
    .withAddThis_plugins {
        bottom: 48px
    }
    .withAddThis_ftr_btm {
        padding: 0 10px 88px
    }
}