@media (max-width:1199px) {
    .feature-list li,
    .table--inner-area thead tr th {
        white-space: nowrap
    }
    .connection-image img {
        max-width: 500px
    }
    .subscription-heading h1 {
        font-size: 27px
    }
    .customers {
        background-image: none
    }
    .single-sidebar-widget {
        padding: 20px
    }
    .single-sidebar-widget input#amount {
        width: 40%;
        font-size: 12px
    }
    .single-sidebar-widget .filter-amunt {
        float: left;
        width: 60%
    }
    .table--inner-area tbody tr td .feature-list li span i,
    .table--inner-area tbody tr td .rating-star i {
        font-size: 12px
    }
    .domain--table-inner {
        padding-bottom: 93px
    }
    .contry-headig-list li h4 {
        font-size: 15px
    }
    .contry-headig-list li:first-child {
        width: 18%
    }
    .contry-headig-list li:nth-child(2) {
        width: 37%
    }
    .contry-headig-list li:nth-child(3) {
        width: 7%
    }
    .contry-headig-list li:nth-child(4) {
        width: 9%
    }
    .contry-headig-list li:nth-child(5) {
        width: 8%
    }
    .customer-fullwidth .customer-right-img {
        width: 52%
    }
}

@media (max-width:991px) {    
    .main-header .row {
        position: relative
    }
    .main-header .row>div:nth-child(2) {
        position: static
    }
    .main-header {
        padding: 10px 0
    }
    .header-menu .menu-menu-1-container ul ul li a:hover:before,
    .header-menu .menu-menu-1-container ul ul li.active a:before,
    .header-menu .menu-menu-1-container ul ul li:hover>a:before {
        opacity: 0
    }
    .header-menu .menu-menu-1-container>ul>li {
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 0!important
    }
    .header-menu .menu-menu-1-container>ul>li:first-child {
        border-top: 0!important
    }
    .header-menu .menu-menu-1-container ul li a {
        color: #1b435d;
        padding: 12px 15px!important
    }
    .header-menu .menu-menu-1-container>ul ul li:not(:last-child) {
        border-bottom: 0
    }
    .header-menu .menu-menu-1-container ul ul li a {
        padding-left: 30px!important;
        width: auto
    }
    .header-menu .menu-menu-1-container ul ul li a:hover {
        background-color: #fff;
        color: #3051a2 !important;
    }
    .header-menu {
        text-align: right;
        position: initial
    }
    .header-menu .menu-menu-1-container>ul {
        position: absolute!important;
        top:82px!important;
        left: 15px!important;
        width: calc(100% - 30px)!important;
        background: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        max-height: 350px;
        overflow-y: auto
    }
    .header-menu .menu-menu-1-container ul,
    .header-menu .menu-menu-1-container ul ul,
    .header-menu .menu-menu-1-container ul ul li:hover>ul,
    .header-menu .menu-menu-1-container ul ul ul,
    .header-menu.align-center .menu-menu-1-container>ul,
    .header-menu .menu-menu-1-container>ul,
    .header-menu .menu-menu-1-container>ul>li:hover>ul,
    .header-menu .menu-menu-1-container>ul>li>ul {
        position: relative;
        left: 0;
        right: auto;
        top: 0;
        width: 100%;
        display: none;
        padding: 0;
        opacity: 1;
        text-align: left;
        z-index: 99999
    }
    .header-menu .menu-menu-1-container ul li {
        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, .2)
    }
    .header-menu .menu-menu-1-container ul ul li a,
    .header-menu .menu-menu-1-container ul ul li:first-child>a,
    .header-menu .menu-menu-1-container ul ul li:last-child>a,
    .header-menu .menu-menu-1-container>ul>li>a {
        border-radius: 0;
        box-shadow: none;
        background: 0 0
    }
    .header-2 .header-menu .menu-menu-1-container ul ul li.active > a, .header-2 .header-menu .menu-menu-1-container > ul > li.active > a, .header-2 .header-menu > ul > li:hover > a,
    .header-2 .header-menu .menu-menu-1-container li > a {
        color: #333;
    }
    .header-menu .menu-menu-1-container ul li a span {
        display: none
    }
    .header-menu .menu-menu-1-container ul ul ul li a {
        padding-left: 45px!important
    }
    .header-menu .menu-menu-1-container #menu-button {
        color: #3051a2;
        font-size: 28px;
        display: inline-block;
        cursor: pointer
    }
    .header-menu .menu-menu-1-container .submenu-button {
        position: absolute;
        right: 0;
        display: block;
        width: 50px;
        height: 40px;
        border-left: 1px solid rgba(120, 120, 120, .2);
        z-index: 10;
        cursor: pointer
    }
    .header-menu .menu-menu-1-container ul ul .submenu-button {
        height: 44px
    }
    .header-menu .menu-menu-1-container .submenu-button:before {
        content: '';
        position: absolute;
        right: 22.5px;
        top: 18px;
        display: block;
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-top-color: #1b435d;
        z-index: 99
    }
    .connection-description h1 br,
    .header-menu .menu-menu-1-container ul ul ul:after,
    .header-menu .menu-menu-1-container ul ul ul:before,
    .header-menu .menu-menu-1-container>ul>li.active>a:after,
    .header-menu .menu-menu-1-container>ul>li:hover>a:after,
    .header-menu .menu-menu-1-container>ul>li>a:after,
    .header-menu .menu-menu-1-container>ul>li>ul:before {
        display: none;
    }
    .header-menu .menu-menu-1-container .submenu-opened:before {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        top: 14px
    }
    .header-menu .menu-menu-1-container ul ul .submenu-button:before {
        top: 19.5px
    }
    .header-menu .menu-menu-1-container ul ul .submenu-button.submenu-opened:before {
        top: 15.5px
    }
    .header-menu .menu-menu-1-container #menu-button.menu-opened:before,
    .header-menu .menu-menu-1-container .submenu-button.submenu-opened:before {
        border-top-color: #1b435d
    }
    .header-menu .menu-menu-1-container>ul>li:not(.active):hover>a,
    .header-menu .menu-menu-1-container>ul>li:not(.active)>a:hover {
        color: #1b435d
    }
    .header-menu .menu-menu-1-container ul ul ul,
    .header-menu .menu-menu-1-container>ul>li>ul {
        box-shadow: none;
        border-bottom: 0
    }
    .header-menu .menu-menu-1-container ul ul ul li:first-child {
        padding-top: 0
    }
    .header-menu .menu-menu-1-container ul ul ul li:last-child {
        padding-bottom: 0
    }
    .header-menu .menu-menu-1-container ul ul li:hover>a,
    .header-menu .menu-menu-1-container ul ul li>a:hover {
        color: #757575
    }
    .sticking .header-menu .menu-menu-1-container>ul>li:hover:not(.active)>a {
        color: #1b435d
    }
    .slide-content h1 {
        font-size: 36px
    }
    
    .main-slider .btn-transparent:before {
        background-color: #fff
    }
    .subscription-heading h1 {
        margin-bottom: 20px!important
    }
    .features-table td {
        padding: .75rem
    }
    .copyright {
        margin-top: 20px
    }
    .blog-wrap {
        margin-bottom: 60px
    }
    .order-last .blog-wrap {
        margin-top: 70px;
        margin-bottom: 0
    }
    .table--inner-area tbody tr td .feature-list li span i,
    .table--inner-area tbody tr td .rating-star i {
        font-size: 10px
    }
    .table--inner-area thead tr th {
        font-size: 16px;
        white-space: nowrap
    }
    .domain--table-inner {
        padding-bottom: 70px
    }
    ul.country-list {
        width: 136%
    }
    .country-list li {
        margin-right: 15px
    }
    .country-list li h6,
    .country-list li p {
        margin-bottom: 0
    }
    .contry-headig-list {
        width: 140%
    }
    .rating-star i {
        font-size: 7px
    }
    .contact-info {
        margin-top: 30px
    }
}

@media (min-width:768px) {
    .align-left {
        float: left;
        margin-right: 30px
    }
    .align-right {
        float: right;
        margin-left: 30px
    }
    .single--another-service {
        padding-bottom: 35px
    }
}

@media (max-width:767px) {
    .connection-image,
    .header-top-info li,
    .header-top-settings li {
        height: auto
    }
    .pt-120 {
        padding-top: 60px
    }
    .pb-120 {
        padding-bottom: 60px
    }
    .pb-90 {
        padding-bottom: 30px
    }
    .pb-70 {
        padding-bottom: 10px
    }
    .mt-120 {
        margin-top: 60px
    }
    .section-title {
        margin-top: -5px;
        padding-bottom: 20px
    }
    .about-content h1 {
        font-size: 32px
    }
    .header-top-info {
        padding-top: 20px;
        padding-bottom: 5px
    }
    .header-top-settings {
        padding-top: 5px;
        padding-bottom: 20px
    }
    .header-top-info li:first-child {
        border-left: 0;
        padding-left: 0
    }
    .header-top-settings li:last-child {
        border-right: 0;
        padding-right: 0
    }
    .service-controls {
        margin-bottom: 20px
    }
    .connection-image img {
        position: static;
        max-width: 100%
    }
    .connection-description p {
        margin: 0
    }
    .post-share-icons {
        margin-top: 30px
    }
    .post-navigation li {
        max-width: 100%
    }
    .post-navigation li+li {
        margin-top: 15px
    }
    .gallery-pagination-inner {
        padding-bottom: 55px
    }
    .gallery--pagination-icon {
        left: 4%;
        top: 45%
    }
    .post-navigation li:first-child {
        margin-bottom: 70px
    }
    .footer .pt-90 {
        padding-top: 70px
    }
    .footer .pb-50 {
        padding-bottom: 30px
    }
    .gallery-details-text h2 {
        font-size: 26px;
        margin-top: -9px
    }
    .gallery--product-details {
        padding-bottom: 15px
    }
    .table--inner-area tbody tr td .feature-list li span i,
    .table--inner-area tbody tr td .rating-star i {
        font-size: 10px
    }
    .voip-app-heading h1 {
        font-size: 25px
    }
    .another--service-heading h1 {
        font-size: 30px
    }
    .single--another-service .single-service {
        margin-bottom: 40px
    }
    .app-wrap,
    .mb-120 {
        margin-bottom: 60px
    }
    .single--another-service {
        padding-bottom: 25px
    }
    .domain--table-inner {
        padding-bottom: 51px
    }
    .h1,
    h1 {
        font-size: 32px
    }
    .contry-headig-list {
        width: 188%
    }
    ul.country-list {
        width: 183%
    }
    .spacer-80 {
        padding-bottom: 30px
    }
    .voip-app-heading {
        margin-top: -7px
    }
    .default-bg.mb-40 {
        margin-bottom: 0
    }
}

@media (max-width:575px) {
    h1 {
        font-size: 28px;
        line-height: 1.4
    }
    .pt-120 {
        padding-top: 60px
    }
    .pb-120 {
        padding-bottom: 60px
    }
    .pb-90 {
        padding-bottom: 30px
    }
    .pb-70 {
        padding-bottom: 10px
    }
    .mt-120 {
        margin-top: 60px
    }
    .mb-40 {
        margin-bottom: 0
    }
    .section-title {
        margin-top: -5px;
        padding-bottom: 20px
    }
    .app-wrap {
        margin-bottom: 60px
    }
    .btn {
        padding: 8px 15px
    }
    .header-menu>ul {
        top: 51px!important
    }
    .header-top-info li {
        margin-bottom: 10px
    }
    .header-cart {
        margin-left: 0;
        padding-left: 0;
        border-left: 0
    }
    .app-info .nav li {
        margin-top: 15px
    }
    .primary-form input[type=email] {
        padding: 0 15px
    }
    .customers-review {
        padding-left: 0;
        padding-right: 0
    }
    .alignright {
        float: none;
        margin-left: 0;
        margin-right: 0
    }
    .post-author-img {
        margin-bottom: 20px
    }
    .post-comments>li>ul>li {
        padding-left: 25px
    }
    .gallery--product-details {
        padding-bottom: 15px
    }
    .gallery-pagination-inner {
        padding-bottom: 55px
    }
    .gallery--pagination-icon {
        left: 4%;
        top: 46%
    }
    .post-navigation li:first-child {
        margin-bottom: 70px
    }
    .footer .pt-90 {
        padding-top: 70px
    }
    .footer .pb-50 {
        padding-bottom: 30px
    }
    .gallery-details-text h2 {
        font-size: 26px;
        margin-top: -10px
    }
    .gallery-button {
        margin-bottom: 34px
    }
    .gallery_filter li .gallery-btn {
        padding: 5px 23px;
        border: 1px solid #e2e6fb;
        margin-bottom: 5px;
        margin-right: 5px
    }
    .gallery_filter li:first-child {
        border-left: 0
    }
    .gallery--single-item img {
        height: 300px;
        object-fit: cover;
        width: 100%
    }
    .voip-app-heading {
        margin-bottom: 31px;
        margin-top: -9px
    }
    .voip-app-heading h1 {
        font-size: 25px
    }
    .single--another-service {
        padding-bottom: 20px
    }
    .another--service-heading h1 {
        font-size: 30px
    }
    .domain--table-inner {
        padding-bottom: 54px
    }
    .mb-120 {
        margin-bottom: 60px
    }
    .contry--details-inner {
        padding: 20px 20px 15px
    }
    .contry-headig-list {
        width: 185%
    }
    .contry-headig-list li h4 {
        font-size: 13px
    }
    ul.country-list {
        width: 181%
    }
    .country-list li {
        margin-right: 10px
    }
    .spacer-80 {
        padding-bottom: 30px
    }
    .about-content h1 {
        font-size: 30px
    }
    .post-content-block h1.h2 {
        font-size: 26px
    }
}

@media (max-width:479px) {
    h1 {
        line-height: 1.3
    }
    .section-title h1 {
        margin-bottom: 5px
    }
    .contry-headig-list {
        width: 335%
    }
    ul.country-list {
        width: 327%
    }
    .spacer-80 {
        padding-bottom: 30px
    }
    .about-content h1 {
        font-size: 30px
    }
}
@media(max-width:1009px) and (min-width:992px){
    .header-menu>ul{
        display: block !important;
    }
}