@media only screen and (min-width: 1500px) and (max-width: 1950px) {
    .footer .put-small-business {
        background-size: 100% 100%;
    }
}
@media only screen and (max-width: 1450px) {
    .crousle-item .slick-list {
        margin: 0 40px;
    }
    .services-wrap button.slick-arrow {
        margin: auto 10px;  
    }
    .risk-inner-sec-img .elementor-widget-container {
        margin: 0px 0px 0px 0px;
    }
}
@media only screen and (max-width: 1350px) {
    .crousle-item .slick-list .services-item .service-client-name {
        font-size: 15px;
    }
    .crousle-item .slick-list .services-item .service-image {
        height: 87px;
        margin-bottom: 17px;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1349px) {
    #neve_body .virtual-title .elementor-heading-title{
        font-size:45px;
    }
    #neve_body .turn-h2-tilte .elementor-heading-title {
        font-size: 28px;
    }
}

@media only screen and (max-width: 1200px) {
    .crousle-item .slick-list .services-item {
        max-height: 210px;
    }
    .crousle-item .slick-list .services-item:hover, .crousle-item .slick-list .services-item.slick-current {
        padding-bottom: 33px;
    }
    .breadcrumbs span, .breadcrumbs .breadcrumb_last {
        font-size: 16px;
    }
    .breadcrumbs a {
        font-size: 16px;
    }
    .breadcrumbs a::after {
        margin: 0px 2px 0 2px;
        font-size: 12px;
    }
    .crousle-item .slick-list .services-item {
        padding: 30px 11px 34px;
    }
    .crousle-item .slick-list .services-item .service-client-name {
        font-size: 17px;
    }
    .header-phone .elementor-shortcode .phone-text-wrap a {
        font-size: 18px;   
    }
    .header-phone .elementor-shortcode .phone-label {
        font-size: 18px;
    }
    .crousle-item .slick-list {
        padding: 0;
    }
    .crousle-item .slick-list .services-item .service-image {
        height: 85px;
        margin-bottom: 14px;
    }
    .crousle-item .slick-list .services-item {
        margin: 0 10px;
    }
    .about-home .about-home-text {
        padding-left: 19px;
    }
    .cyber-security-crousle .contain-text h3 {
        font-size: 36px;
        line-height: 45px;
        margin-bottom: 8px;
    }
    .cyber-security-crousle .contain-text p {
        font-size: 16px;
        line-height: 29px;
        padding-bottom: 15px;
    }
    .cyber-security-crousle .service-single-wrap {
        grid-gap: 0 13px;
        margin: 30px 0px 50px;
    }
    .cyber-security-crousle .contain-text .leaen-btn {
        font-size: 17px;
        margin-top: 5px;
        line-height: 50px;
    }
    .about-home .about-home-text p {
        font-size: 16px;
        line-height: 26px;
    }
    .about-home .about-home-text::before {
        height: 10px;
        width: 10px;
        top: 8px;
    }
    .about-home .about-home-text:not(:last-child) {
        padding-bottom: 15px;
    }
    #content .put-small-business {
        background-size: 100% 480px;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
/*tablet landscape size issues Fix add this media query in css. */
}
@media only screen and (max-width: 1024px) {
    html body{
        padding-top: 90px;
    }
    .header-menu {
        position: absolute;
        right: 0;
    }
    .header.sticky {
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }
    .header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        bottom: auto;
        z-index: 99999;
    }
    .header-phone-wrap {
        margin-left: auto;
        margin-right: 50px;
    }
    header #masthead .hfe-nav-menu__toggle {
        position: absolute;
        height: 40px;
        width: 40px;
        right: 0px;
        top: 5px;
        left: auto;
        bottom: auto;
        border: 1px solid #FFF;
        transition: none;
    }
        header #masthead .hfe-nav-menu__toggle .hfe-nav-menu-icon {
        display: block;
        opacity: 0;
    }
    header #masthead .hfe-nav-menu__toggle::before {
        content: "";
        position: absolute;
        height: 2px;
        width: 24px;
        background: #41ADE5;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: auto;
        box-shadow: 0 -6.5px 0 0 #41ADE5, 0 6.5px 0 0 #41ADE5;
        transition: 0.5s all;
    }
        header #masthead .hfe-nav-menu__toggle.hfe-active-menu::before {
            box-shadow: none;
            transform: rotate(45deg);
        }
        header #masthead .hfe-nav-menu__toggle.hfe-active-menu::after {
            height: 2px;
            width: 24px;
            background: #fff;
            content: "";
            position: absolute;
            margin: auto;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            transform: rotate(-45deg);
            transition: 0.5s all;
        }
        header #masthead .hfe-nav-menu__toggle.hfe-active-menu::before {
            background: #fff;
        }
        header #masthead nav {
            position: fixed;
            top: 0;
            right: 0;
            left: 0 !important;
            bottom: 0;
            padding: 100px 0 0 0;
            background: #235BA7;
            height: 100vh;
            overflow: hidden;
            transform: translateX(100%);
            transition: 0.5s all;
            z-index: 99999 !important;
            width: 100% !important;
            margin: 0;
            border-radius: 0;
            display: block;
        }
        header #masthead .hfe-nav-menu__toggle.hfe-active-menu {
            z-index: 999999;
        }
        header #masthead .hfe-nav-menu__toggle.hfe-active-menu + nav {
            transform: translateY(0);
        }
        header #masthead nav>ul {
            overflow: hidden;
    /*
            overflow-Y: auto;
    */
            max-height: calc(100vh - 104px);
            display: block;
            opacity: 1;
        }
        header #masthead nav>ul>li {
            margin: 0;
            background: transparent;
            border-bottom: 1px solid #fff;
            padding: 0px;
            border-radius: 0;
        }
        header #masthead nav>ul>li>a {
            background: transparent;
            margin:0px!important;
            padding: 13px 15px!important;
            color: white;
        }
        header #masthead nav>ul>li>a:hover{
            color: #235BA7;
            background-color: white;
        }
        header #masthead nav ul li.current-menu-parent > div > a, header #masthead nav ul li.current-menu-item > a {
            background: #FFF !important;
            color: #235BA7 !important;
        }
        header #masthead nav ul li.current-menu-parent > div i::before, header #masthead nav ul li.current-menu-parent > div i::after {
            background: #1a1463;
        }
        header #masthead nav>ul>li:first-child {
            border-left: 0;
        }
        body .smart-menu-bar nav ul li {
            border-right: 0;
        }
        header #masthead nav>ul>li>a::After {
            display: none;
        }
        body .smart-menu-bar nav ul li.mob-menu {
            display: block;
        }
        header .sub-menu::before {
            display: none;
        }
        header #masthead nav > ul > li > div.hfe-has-submenu-container > a, header #masthead nav > ul > li > ul.sub-menu > li > a.hfe-sub-menu-item {
            padding: 13px 15px;
            color: #fff;
            background: transparent;
        }
        body #masthead .smart-menu-bar nav ul li.current-menu-item a, 
        body #masthead .smart-menu-bar nav ul li a:hover {
            background: #000 !important;
        }
        header #masthead nav>ul>li.menu-item-has-children .sub-menu::after {
            opacity: 0 !important;
        }
        header #masthead nav>ul>li.menu-item-has-children>ul.sub-menu>li:first-child {
            border-top: 1px solid #FFF;
            border-radius: 0;
        }
        header #masthead nav>ul>li.menu-item-has-children .sub-menu {
            background: transparent;
            border-radius: 0;
        }
        header #masthead nav>ul>li.menu-item-has-children .sub-menu>li {
            padding-left: 15px;
        }
        
        header .elementor-widget-navigation-menu,
        header .header-menu-col .elementor-widget-wrap,
        header .header-menu-col {
            position: static;
        }
    
        body .smart-menu-bar nav ul li:first-child a,
        body .smart-menu-bar nav ul li a {
        border: 0;
        }
        header #masthead nav >ul li  .sub-arrow {
        border: 0;
    }
    header #masthead nav > ul li i.fa::before, header #masthead nav > ul li i.fa::after {
        height: 2px;
        width: 17px;
        background: #235BA7;
        content: "";
        position: absolute;
        right: 19px;
        top: 21px;
    }
    header #masthead nav >ul li i.fa::after {
        width: 2px;
        height: 16px;
        top: 14px;
        right: 26px;
    }   
    header #masthead nav >ul li .sub-menu-active i.fa::after {
            opacity: 0;
    }   
    

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    
}
@media only screen and (max-width: 1023px) { 

    .breadcrumbs a {
        font-size: 14px;
    }
    .breadcrumbs span, .breadcrumbs .breadcrumb_last {
        font-size: 14px;
    }
    .footer-phone .elementor-shortcode {
        font-size: 16px;
        line-height: 23px;
    }
    .footer-phone .elementor-shortcode .phone-label {
        padding: 0 0 0 30px;
    }
    .footer-phone .elementor-shortcode .phone-text-wrap {
        padding: 0 0 0 30px;
    }
    .footer-email .elementor-shortcode .email-label {
        padding: 0 0 0 30px;
    }
    .footer-email .elementor-shortcode .email-text-wrap {
        padding: 0 0 0 30px;
    }
    .footer-email .elementor-shortcode {
        font-size: 16px;
        line-height: 23px;
        padding-top: 15px;
    }
    .header-phone .elementor-shortcode::before {
        left: 27px;
        font-size: 18px;
        line-height: 25px;
    }
    header #masthead .hfe-nav-menu__toggle {
        height: 33px;
        width: 33px;
        top: 2px;
    }
    .header-phone .elementor-shortcode .phone-label {
        font-size: 15px;
    }
    .header-phone .elementor-shortcode .phone-text-wrap a {
        font-size: 15px;
    }
    .cyber-security-crousle .service-single-wrap {
        grid-gap: 0 5px;
        margin: 20px 0px 26px;
    }
    .cyber-security-crousle .contain-text {
        margin-top: 55px;
    }
    .cyber-security-crousle .contain-text p {
        font-size: 15px;
        line-height: 25px;
        padding-bottom: 7px;
    }
    .cyber-security-crousle .contain-text h3 {
        font-size: 29px;
        line-height: 30px;
        margin-bottom: 8px;
    }
    .cyber-security-crousle .contain-text .leaen-btn {
        font-size: 15px;
        line-height: 38px;
        padding: 0 25px;
    }
    .about-home .about-home-text p {
        font-size: 15px;
        line-height: 23px;
    }
    .about-home .about-home-text:not(:last-child) {
        padding-bottom: 8px;
    }
    .about-home .about-home-text {
        padding-left: 16px;
    }
    .crousle-item .slick-list .services-item {
        margin: 0 10px;
    }
    .crousle-item .slick-list .services-item .service-client-name {
        font-size: 13px;
    }
    .crousle-item .slick-list .services-item .service-image {
        height: 70px;
        margin-bottom: 15px;
    }
    .getintouch-phone .phone-label, .getintouch-mail .email-label {
        font-size: 17px;
        line-height: 20px;
    }
    .getintouch-phone .phone-text-wrap a, .getintouch-mail .email-text-wrap a {
        font-size: 16px;
    }
    .homecontactright-wrap .elementor-shortcode::before {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 35px;
        top: 0px;
    }
    .getintouch-postoffice .elementor-shortcode::before {
        background-position: 10px 8px;
        background-size: 17px;
    }
    .getintouch-postoffice .post-office-label-wrap, .getintouch-postoffice .post-office-title-wrap {
        font-size: 15px;
    }
    .contact-form-wrap label {
        font-size: 14px;
        top: 14px;
    }
    .contact-form-wrap .form-field {
        padding: 0 0 15px 0;
    }
    #neve_body input:not([type="button"]):not([type="submit"]):not([checkbox]):not([radio]), #neve_body textarea, #neve_body select {
        height: 50px;
    }
    body textarea {
        height: 133px !important;
    }
    .contact-form-wrap .btnsub-wrap #btnsub {
        line-height: 46px;
        padding: 0 46px;
        font-size: 16px;
        margin-top: 8px;
    }
    #content .put-small-business {
        background-size: 100% 400px;
    }
    #neve_body .form-field #subnewsemail {
        height: 55px;
        padding: 0 213px 0 65px;
    }
    .sub_buttons #sidebar_button {
        line-height: 47px;
        padding: 0 42px;
        font-size: 16px;
    }
    #colophon .footer-menu .hfe-nav-menu li .hfe-menu-item {
        padding: 11px 0 0 18px;
    }
    footer .sub-menu {
        max-height: 160px;
    }
    .error-404-section {
        padding: 80px 0 80px;
    }
    .services-wrap button.slick-arrow {
        width: 18px;
    }
    .crousle-item .slick-list .services-item {
        padding: 26px 19px 34px;
    }
}
@media only screen and (max-width: 767px) {
   .breadcrumbs span, .breadcrumbs .breadcrumb_last {
    font-size: 12px;
    padding-right: 3px;
	}
    #neve_body .header-part {
        background-color: #EFF9FD;
    }
    .header-phone .elementor-shortcode .phone-label {
        font-size: 20.5px;
        color: #5C5E5F;
    }
    .header-phone-wrap {
        margin: 0px;
    }
    .header-phone .elementor-shortcode .phone-text-wrap a {
        font-size: 20px;
        margin-top: 2px;
    }
    .header-phone-wrap {
        background: white;
        padding-top: 9px;
        padding-bottom: 12.9px;
    }
    .header-phone .elementor-shortcode::before {
        left: 4px;
        font-size: 22px;
        line-height: 25px;
        top: 4px;
    }
    html body {
        padding-top: 138px;
    }
    .footer-phone .elementor-shortcode {
        line-height: 22px;
    }
    .footer-email .elementor-shortcode {
        line-height: 22px;
    }
    .footer-phone .elementor-shortcode .phone-label::before {
        font-size: 22px;
    }
    .footer-email .elementor-shortcode .email-label::before {
        height: 27px;
        width: 26px;
        left: -4px;
        top: 2px;
    }
    .footer-email .elementor-shortcode .email-label, 
    .footer-email .elementor-shortcode .email-text-wrap, 
    .footer-phone .elementor-shortcode .phone-label, 
    .footer-phone .elementor-shortcode .phone-text-wrap {
        padding: 0 0 0 42px;
    }
    .about-home .about-home-text p {
        font-size: 14px;
        line-height: 24px;
    }
    .about-home .about-home-text::before {
        height: 11px;
        width: 11px;
        top: 6px;
    }
    .about-home .about-home-text:not(:last-child) {
        padding-bottom: 15px;
    }
    .about-home .about-home-text {
        padding-left: 20px;
    }
    .getintouch-phone .phone-label, .getintouch-mail .email-label {
        font-size: 16px;
        line-height: 18px;
    }
    .homecontactright-wrap .elementor-shortcode::before {
        width: 41px;
        height: 41px;
    }
    .getintouch-postoffice .elementor-shortcode::before {
        background-position: 12px 9px;
        background-size: 16px;
    }
    .homecontactright-wrap .getintouch-mail .elementor-shortcode::before {
        font-size: 16px;
    }
    .contact-form-wrap .form-field {
        padding: 0 0 20px 0;
    }
    #neve_body input:not([type="button"]):not([type="submit"]):not([checkbox]):not([radio]), #neve_body textarea, #neve_body select {
        height: 54px;
    }
    .contact-form-wrap label {
        top: 17px;
    }
    .contact-form-wrap .btnsub-wrap #btnsub {
        line-height: 56px;
        padding: 0 40px;
        font-size: 16px;
        margin-top: 9px;
    }
    .contact-form-wrap .btnsub-wrap {
        text-align: center;
        position: relative;
    }
    #content .put-small-business {
        background-size: 100% 485px;
    }
    .sub_buttons {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        padding-top: 30px;
        text-align: center;
    }
    .sub_buttons #sidebar_button {
        line-height: 56px;
        padding: 0 40px;
        font-size: 16px;
        float: none;
    }
    .put-small-business-eamil .form-field .label {
        font-size: 13px;
        top: 17px;
    }
    #epicwin_subscription .form-field::before {
        font-size: 14px;
        left: 36px;
        top: 19px;
    }
    .btnsub-wrap .wpcf7-spinner {
        top: 24px;
        position: absolute;
        margin: 0 10px;
    }
    .cyber-security-crousle .mob-service-cont {
        display: none;
    }
    .cyber-security-crousle .mob-services-item.open + .mob-service-cont {
        display: block;
    }
    .mob-services-item {
        display: flex;
        height: 109px;
        margin: 10px 0;
        padding: 18px 74px 17px 15px;
        border-radius: 0 25px 0 25px;
        box-shadow: 0px 0px 16px -9px #888888;
        /* margin: 0 auto; */
        align-items: center;
        position: relative;
    }
    .mob-service-image {
        height: 80px;
        width: 57px;
        position: relative;
        margin-right: 15px;
        min-width: 57px;
    }
    .mob-service-image img {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        height: auto;
        width: auto;
        max-width: 100%;
        margin: auto;
        display: block;
    }
    .mob-service-client-name {
        font-size: 20px;
        color: #174665;
        font-weight: 600;
        line-height: 100%;
    }
    .mob-services-item.open img, .mob-services-item:hover img {
        filter: brightness(0) invert(1);
    }
    .mob-services-item.open .mob-service-client-name {
        color: #fff;
    }
    .mob-services-item::before {
        content: "\f105";
        color: #174665;
        font-size: 37px;
        position: absolute;
        font-family: 'FontAwesome';
        right: 17px;
        left: auto;
    }
    .mob-services-item.open::before {
        content: "\f107";
        filter: drop-shadow(0px 12px 0px #458CC8);
        color: #fff;
    }
    .mob-services-item.open, .mob-services-item:hover {
        background: linear-gradient(to bottom, #41aee5 2%,#245ca7 100%);
    }
    .mob-services-item.open .mob-service-client-name, .mob-services-item:hover .mob-service-client-name {
        color: #fff;
    }
    .mob-service-cont {
        background: #E5F5F7;
        border-radius: 20px;
        padding-bottom: 60px;
        margin-top: 30px;
    }
    .mob-service-cont .mob-contain-text h3 {
        font-size: 26px;
        color: #235BA7;
        font-weight: 600;
        padding: 0 65px;
        line-height: 29px;
        padding-bottom: 14px;
    }
    .mob-service-cont .mob-contain-text p {
        font-size: 14px;
        /* color: #235BA7; */
        font-weight: 400;
        padding: 0 15px;
        line-height: 25px;
        padding-bottom: 15px;
    }
    .mob-service-cont .mob-contain-text button.leaen-btn {
        line-height: 52px;
        padding: 0 15px;
        border: 0;
        font-family: "Montserrat-Bold", Sans-serif;
        font-size: 16px;
        font-weight: 700;
        width: auto;
        transition: 0.5s all;
        cursor: pointer;
        margin-top: 10px;
    }
    .mob-service-cont .mob-contain-text {
        text-align: center;
    }
    .mob-services-img {
        padding-bottom: 20px;
        height: 261px;
    }
    .mob-services {
        margin-bottom: 60px;
    }
    .error-404-section small {
        font-size: 59px;
    }
    .error-404-section .main-title {
        font-size: 18px;
        margin: 10px 0 19px 0;
    }
    .error-404-section .grve-subtitle {
        font-size: 16px;
        ;
    }
    .error-404-section .button.btn-wrap {
        font-size: 14px;
        line-height: 40px;
        padding: 0px 20px 0px 20px;
    }
    .error-404-section {
        padding: 20px 0 40px;
        min-height: auto;
    }
    .contact-form-wrap .form-field .recaptcha {
        text-align: center;
    }
    body .breadcrumbs a {
        font-size: 12px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*mobile landscape size issues fix add this media query in css. */
    .single-services #content .banner-img img {
        height: 300px;
    }
    .single-services .banner-wrap {
        min-height: 550px;
    }
}
@media only screen and (min-width:1025px) and (max-width:1300px) {
    .section-tilte {
        font-size: 46px;
    }
}
