﻿@charset "utf-8";
/* CSS Document */
 @media (max-width: 767px) {
}
 @media (min-width: 768px) and (max-width: 990px) {
}
 @media (min-width: 991px) and (max-width: 1199px) {
}
 @media all and (max-width: 990px) {
     .right-number-part a {
         font-size: 25px;
         color: #2364aa;
         line-height: 40px;
         margin: 21px auto 0px;
         float: left;
    }
     .menu ul li {
         padding: 0 20px;
    }
     .menu ul li a {
         display: block;
         text-decoration: none;
         color: #fff;
         font-size: 14px;
         width: 100%;
         letter-spacing: 0.5px;
         border-bottom: 1px solid #999;
         margin: 0 auto;
         border: none;
    }
     .menu ul li > a.btn {
         padding: 8px 0px;
         text-align: left;
         box-shadow: none;
         outline: 0;
         line-height: 40px;
    }
     .menu ul li > a.btn.btn-secondary, .menu ul li > a.btn.btn-primary {
         color: #fff;
         background-color: transparent;
    }
     .menu .float-right{
         width: 100%;
    }
     .nav-inner {
         height: 56px;
         width: 100%;
         float: none;
    }
     .spinner-master * {
         transition: all 0.3s;
         box-sizing: border-box;
    }
     .spinner-master {
         position: relative;
         margin: 22px 10px;
         height: 30px;
         width: 30px;
         float: right;
         background: #2364aa;
         padding: 20px;
         text-align: center;
         border-radius: 3px;
    }
     .spinner-master label {
         cursor: pointer;
         position: absolute;
         z-index: 99;
         height: 100%;
         width: 100%;
         top: 11px;
         left: 7px;
    }
     .spinner-master .spinner {
         position: absolute;
         height: 3px;
         width: 65%;
         padding: 0;
         background-color: #fff;
         margin: 0 auto;
    }
     .spinner-master .diagonal.part-1 {
         position: relative;
         float: left;
    }
     .spinner-master .horizontal {
         position: relative;
         float: left;
         margin-top: 4px;
    }
     .spinner-master .diagonal.part-2 {
         position: relative;
         float: left;
         margin-top: 4px;
    }
     .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {
         opacity: 0;
    }
     .spinner-master input[type="checkbox"]:checked ~ .spinner-spin > .diagonal.part-1 {
         transform: rotate(135deg);
         -webkit-transform: rotate(135deg);
         margin-top: 10px;
         top: -2px;
    }
     .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
         transform: rotate(-135deg);
         -webkit-transform: rotate(-135deg);
         margin-top: -12px;
    }
     a.menu-link {
         display: block;
         color: #fff;
         float: left;
         text-decoration: none;
         padding: 10px 16px;
         font-size: 1.5em;
    }
     a.menu-link:after {
         content: "\2630";
         font-weight: normal;
    }
     a.menu-link.active:after {
         content: "\2715";
    }
     .menu {
         clear: both;
         min-width: inherit;
         float: none;
    }
     .menu, .menu > ul ul {
         overflow: hidden;
         max-height: 0;
         background-color: rgb(35 100 170);
         position: absolute;
         width: 100%;
         left: auto;
         top: 85px;
         max-width: 250px;
         right: 20px;
    }
     .menu > li > ul.sub-menu {
         padding: 0px;
         border: none;
    }
     .menu.active, .menu > ul ul.active {
         max-height: 55em;
    }
     .menu ul {
         display: inline;
    }
     .menu li, .menu > ul > li {
         display: block;
    }
     .menu li a {
         color: #fff;
         display: block;
         padding: 0.8em;
         position: relative;
    }
     .menu li.has-submenu > a:after {
         content: '+';
         position: absolute;
         top: 0;
         right: 0;
         display: block;
         font-size: 1.5em;
         padding: 0.55em 0.5em;
    }
     .menu li.has-submenu > a.active:after {
         content: "-";
    }
     .menu ul ul > li a {
         background-color: #000;
         padding: 10px 18px 10px 30px;
    }
     .menu ul li a:hover {
         color: #fff;
    }
     .menu ul li.hover > a {
         color: #2364aa;
    }
     .menu ul ul, .menu ul ul ul {
         display: inherit;
         position: relative;
         left: auto;
         top: auto;
         border: none;
    }
    /* global css start*/
    .sliderview h2 { 
        font-size: 36px;
        line-height: normal; 
    }
    .m-auto {
        margin: 60px auto 20px;
    }
    .text-left {
        text-align: center;
    }
    .card-box-product { 
        text-align: center; 
    }
    .border-table.table tr th, .border-table.table tr td {
        text-align: left;
    }
    .Waitlist-section { 
        text-align: center;
    }
    .Waitlist-section .float-right {
        float: none;
    }
    .tabing-section .nav>li>a, .tabing-section .nav>li>a:hover, .tabing-section .nav>li>a:focus { 
        font-size: 18px; 
    }
    .tabing-section .nav>li>a, .tabing-section .nav>li>a:hover, .tabing-section .nav>li>a:focus{ 
        border-bottom: 3px solid #fff;
    }
    .nav>li>a { 
        padding: 5px 10px;
    }
    .pricing-columns #pricing-chart .plan, .pricing-columns-both #pricing-chart .plan {
        float: none;
    }
    .plan ul li {
        text-align: center;
    }
    .Waitlist-section h2 { 
        font-size: 24px; 
    }
    .border-hrft, .border-hrft:hover { 
        font-size: 13px; 
        border-bottom: 1px solid #fff;
        padding: 5px 20px;
    }
    .footer-main { 
        text-align: center;
    }
    .fotter-number-icon {
        margin-bottom: 40px;
    }
    .footer-list { 
        margin-bottom: 20px;
    }
    .product-row-bg { 
        margin-bottom: 0px;
    }
}
@media all and (max-width: 550px) {
    .tabing-section .nav>li>a, .tabing-section .nav>li>a:hover, .tabing-section .nav>li>a:focus {
        font-size: 14px;
    }
    .border-hrft, .border-hrft:hover { 
        font-size: 13px; 
        border-bottom: 1px solid #fff;
        padding: 5px 20px;
    }  
}

 @media all and (min-width: 990px) {
}
 