@media(max-width: 1199px) {
    .blog-content--style2 .meta-post .meta-user {
        width: 18%;
    }
    .blog-content .meta-post .meta-user {
        width: 45%;
    }

    .feature-item i{
        transform: rotateY(0);
    }

    .feature-item::before{
        position: unset;
    }

    .feature-item-area{
        justify-content: space-around;
    }

    .feature-item-inner{
        transform: rotate(0);
    }
    .feature-item{
        padding-top: 45px;
        transform: rotate(0);
        display: block;
        width: calc(50% - 30px);
        margin: 0 0 30px;
        justify-content: space-evenly;
    }

    .feature-item-area.row-2 {
        justify-content: space-around;
        padding: 0 52px;
        margin-top: 0;
    }
    .feature-item:hover .title,
    .feature-item:hover p {
        color: var(--heading-color);
    }
    .feature-item .title,
    .feature-item p {
        padding: 10px;
    }
}
@media (max-width: 991px) {
    .ruddra-next , .ruddra-prev{
        display: none;
    }
    h2{
        font-size: 32px;
    }
    h3{
        font-size: 20px;
    }
    p,span,li{
        font-size: 14px;
    }
    input,textarea{
        font-size: 14px;
    }
    .widget-box .caption{
        font-size: 20px !important;
    }
    .four-not-four-section-wrapper .title {
        font-size: 80px;
    }
    .sidebar{
        margin-top: 30px;
    }
    .call-action-section .button-group {
        float: left;
        margin-top: 20px;
    }

    .price-item .item-price {
        font-size: 34px;
    }
}
@media (max-width: 767px) {
    button.navbar-toggler span {
        place-content: center;
        height: 38px;
        display: grid;
        place-content: center;
    }
    .w-13 {
        width: 28%;
    }
.col-md-2.mb-md-0.p-md-4.d-flex.align-content-center.align-items-center img {
    display: block;
    margin: auto;
}
    .feature-section .section-header{
        margin-bottom: 0;
    }
    .domain-ext-name{
        font-size: 18px;
    }
    .domain-ext-price{
        font-size: 18px;
    }
    .four-not-four-section-wrapper .title {
        font-size: 60px;
    }
    .blog-content--style2 .meta-post .meta-user {
        width: 25%;
    }
    .testimonial-item {
        padding: 30px 15px;
    }
    .needs {
        flex-wrap: wrap;
        place-content: center;
    }
    a.video-btn {
        width: 100%;
        text-align: center;
        display: flex;
        place-content: space-between;
    }
    .mt-sm-6{margin-top: 1em;}
    .main-hero-shot div.col-lg-6:first-child {
        order: 1;
        margin-top: 25px;
    }
    button.navbar-toggler span {
        place-content: center;
        height: 38px;
        display: grid;
        place-content: center;
    }
    div#navbarSupportedContent {
        position: fixed;
        background: #fff;
        box-shadow: 21px 0px 110px 0px #00000045;
        height: 100%;
        max-height: 100%;
        left: 0;
        top: 0;
        width: 75%;transition: none !important;
    }
    div#navbarSupportedContent li {
        border-bottom: 1px solid #e8e8e8;
    }
    header.header-section {
        position: sticky;
        top: 0;
    }
    li.menu_has_children i {
        float: right;
        background: #ccc;
        width: 36px;
        height: 30px;
        display: grid;
        place-content: center;
        margin-top: -8px;
    }
    ul.sub-menu.mega-menu .col-lg-3 {
        padding: 0;
        margin: 0;
    }

    ul.sub-menu.mega-menu .col-lg-3 i {
        transform: rotate(90deg);
    }
    .mg-menu .d-flex {
        flex-wrap: wrap;
    }

    .mg-menu .d-flex a {
        width: 100%;
    }
    .mg-menu .col-lg-3{
        order:1;
    }
    .mg-menu .col-lg-9 {
        order: 2;
    }
    ul.sub-menu.mega-menu i {
        background: transparent;
        right: 0;
        margin-left: 0 !important;
        margin-right: -13px;
    }
    button.navbar-toggler[aria-expanded="true"] span {background: #F44336;}

    button.navbar-toggler[aria-expanded="true"] span:before {content: "X";font-family: monospace;font-size: 24px;}

    .top-header button.navbar-toggler {
        display: none !important;
    }
    .sign-info {
        flex-wrap: wrap;
        place-content: start;
    }

    .sign-info div {
        margin-left: 0 !important;
        margin-top: 25px;
    }
}
@media (max-width: 575px) {
    .header.top-header {
        display: none;
    }
    .nav-with-icons {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    ul.sub-menu.mega-menu {
        width: 95% !important;
        padding: 15px !important;
    }
    .w-13 {
        width: 28%;
    }
    .needs {
        flex-wrap: wrap;
        place-content: center;
    }
    h2{
        font-size: 28px;
    }
    h3{
        font-size: 18px;
    }
    h5,h5>a{
        font-size: 16px !important;
    }
    p,span,li{
        font-size: 14px;
    }
    input,textarea{
        font-size: 14px;
    }
    .testimonial-item p{
        font-size: 18px;
    }
    .widget-box .caption{
        font-size: 18px !important;
    }
    .inner-banner-content .title {
        font-size: 28px;
    }
    .info-single-item{
        width: 100%;
    }
    .info-single-item::before{
        display: none;
    }
    .search-form{
        border-radius: 4px;
        display: block;
    }
    .search-form input{
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
        border-radius: 4px;
        padding-left: 0;
        text-align: center;
    }
    .search-form .form-btn{
        width: 100%;
        border-radius: 0;
    }
    .nice-select{
        width: 100%;
        text-align: center !important;
    }
    .meta-post span {
        font-size: 13px;
    }
    .comment-item .comment-content {
        width: calc(100% - 0px);
        padding-left: 0;
        margin-top: 20px;
    }
    .server-area{
    overflow-y: hidden;
    overflow-x: scroll;
    }
    .feature-item{
        width: calc(100% - 30px);
    }
    .change-catagory-area .title {
        font-size: 22px;
    }
    .common-form-style .title {
        font-size: 22px;
    }
    .on-title {
        background: #1d1364fa !important;
        position: relative !important;
        margin: auto !important;
        width: 100% !important;
        border-radius: 0px !important;
        padding: 0 !important;
        text-align: center !important;
    }
    a.carousel-control-prev {
        display: none !important;
    }
    .carousel-inner {
        display: none !important;
    }
    .header-action.d-flex.flex-wrap.align-items-center a {
        width: 100% !important;
        text-align: center;
        border-radius: 0px;
        margin-top: 20px;
    }
    .d-flex.align-content-center.align-items-center.my-3 {
        flex-wrap: wrap;
    }
    .d-flex.align-content-center.align-items-center.my-3 a {
        width: 100%;
        margin-bottom: 10px;
        text-align: center !important;
    }
    .d-flex.align-content-center.align-items-center.my-3 span {
        text-align: center;
        width: 100%;
    }
    .sign-info {
        flex-wrap: wrap;
        place-content: start;
    }

    .sign-info div {
        margin-left: 0 !important;
        margin-top: 25px;width: 100%;
    }
}
@media (max-width: 440px) {
    .blog-content--style2 .meta-post .meta-user {
        width: 38%;
    }
    .blog-content .meta-post .meta-user {
        width: 48%;
    }
    .feature-item{
        width: 100%;
        padding: 10px;
    }
    .change-catagory-area {
        padding: 80px 0;
    }
    .common-form-style {
        padding: 20px;
    }
    .feature-item-area{
        padding-left: 0;
        padding-right: 0;
    }

    .feature-item-area.row-2 {
        padding: 0;
    }
}
@media (max-width: 320px) {
    .feature-item{
        width: 100%;
    }
}