.tool::after {
    font-size: 10px;
    width: 180px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

h1 {
    font-size: 25px;
}
h2 {
    font-size: 20px;
}
.t-secondary {
    color: #596a89 !important;
}
.is-14 {
    font-size: 12px !important;
}
.hide-on-sm {
    display: none !important;
}
.hide-on-md-lg {
    display: block !important;
}
.text-center-on-sm {
    text-align: center !important;
}
.flex.column-on-sm {
    flex-direction: column !important;
}
.flex.rev-column-on-sm {
    flex-direction: column-reverse !important;
}
.flex.justify-center-on-sm {
    justify-content: center !important;
}
.has-tb-padding {
    padding: 10px 0 !important;
}

header {
    height: 60px;
}

header .headerContainer .hcMenu {
    padding: 0;
    display: none;
}
header .headerContainer .hcMenu .contact {
    padding-left: 0;
    text-align: center;
    background-color: #eff2f3;
    width: 100%;
}
.business .card{
    flex-basis:45%;
}

.card {
    margin-bottom: 10px;
}

.container {
    width: 90%;
}
.container.full-on-sm,
.full-on-sm {
    width: 100% !important;
}

img.full-on-sm {
    width: 100%;
    height: auto;
}

.hero {
    flex-direction: column-reverse;
}
.hero .heading {
    font-size: 20px;
}

.flexcs{
    justify-content: center;
    align-items:center;
}

.customColumnRow{
    flex-wrap : wrap;
    margin: 0 auto !important;
    text-align: center;
}

.business-top .card{
    flex-basis :35%;
}

.allServicesSection{
    justify-content:center;
}

.leftcontainter{
    width:100%;
}

.hero .actions,
.hero .meta-content {
    width: 90% !important;
    padding:0px !important;
}
.hero .meta-content .heading {
    margin: 40px 0 20px 0;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    margin-top: 30px;
}
.hero .meta-images {
    width: 100%;
    height: auto;
}
.hero .meta-images img {
    height: auto;
    width: 80%;
}
.hero .inputWithIconButton {
    margin: 0px 0 5px 0;
}

.inputWithIconButton {
    width: 100%;
}

.heroPack {
    flex-direction: column;
}
.heroPack li {
    margin-bottom: 10px;
}

.hero-page {
    height: auto;
    padding: 40px 0;
}
.hero-page .content {
    width: 90%;
    margin: 0 auto !important;
    text-align: center;
}

.aboutHero .container {
    width: 100% !important;
}
.aboutHero .flex .rightContainer {
    text-align: center;
    margin-top: 30px;
}
.aboutHero .flex .leftContainer,
.aboutHero .flex .rightContainer {
    width: 100% !important;
    height: auto;
}
.aboutHero .flex .leftContainer img,
.speedTest .leftContainer img,
.whyUs .rightContainer img {
    width: 80% !important;
    height: auto;
}
.ourSolutions .flex,
.testimonials .flex,
.startComparing .flex,
.blogsContainer,
.speedTest .flex,
footer .footerContainer .counters ul,
footer .links {
    flex-direction: column;
}
.whyUs .text-right {
    text-align: center !important;
}
.whyUs .flex {
    flex-direction: column-reverse;
}
.whyUs .leftContainer,
.whyUs .rightContainer,
.testimonials .leftContainer,
.testimonials .rightContainer,
.speedTest .leftContainer,
.speedTest .rightContainer {
    width: 100% !important;
    height: auto;
}
.whyUs .leftContainer {
    text-align: center;
    margin-top: 30px;
}
.whyUs .leftContainer .flex {
    flex-direction: row;
    text-align: left !important;
}
.testimonials .rightContainer {
    margin-top: 40px;
}
.testimonials .rightContainer .flex {
    flex-direction: row !important;
}
.startComparing .leftContainer {
    text-align: center;
}
.startComparing .rightContainer {
    margin-top: 80px;
}

.speedTest {
    text-align: center;
}
.speedTest .rightContainer {
    margin-top: 40px;
}

.liveChatBox {
    width: 95vw !important;
}

.image404 {
    width: 100vw;
    height: auto;
}

footer .footerContainer .counters ul li,
footer .footerContainer .links ul {
    border-right: none;
}

/* Plans Page */
.plansPage .result {
    width: 100%;
    margin-left: 0;
}

/* Landing Pages */
.hero-page .image {
    width: 80%;
}

.container.halfWidth {
    width: 80%;
}

/* The side navigation menu */
.mobileMenu {
    height: 100%;
    width: 100vw;
    position: fixed;
    top: 0;
    left: -100vw;
    right: 0;
    bottom: 0;
    background-color: #fff;
    overflow: hidden;
    padding-top: 60px;
    transition: 0.3s;
    z-index: 999999;
}
.mobileMenu.active {
    left: 0;
    transition-duration: 0.3s;
}
.mobileMenu .closebtn {
    position: absolute;
    right: 20px;
    top: 20px;
}
.mobileMenu .content {
    width: 100%;
    height: 100%;
}

.mobileMenu .content .switchMenu {
    width: 100vw;
    height: auto;
}

.mobileMenu .content .switchMenu ul.menu li {
    padding: 0;
    cursor: pointer;
    font-size: 14px !important;
    padding: 8px 12px;
    border-radius: 4px;
    color: #697384;
    background-color: #ecf0f6;
}
.mobileMenu .content .switchMenu ul.menu li.active {
    background-color: #2d72d9;
    color: #fff;
}
.mobileMenu .content .homeMenu,
.mobileMenu .content .businessMenu {
    display: none;
    background: #fff;
    margin: 20px;
}
.mobileMenu .content .homeMenu ul li,
.mobileMenu .content .businessMenu ul li {
    padding: 10px 0;
}
.mobileMenu .content .homeMenu.active,
.mobileMenu .content .businessMenu.active {
    display: flex;
}
.social-icons ul li {
    margin-bottom: 5px !important;
}
.row.packSlider {
    flex-direction: column;
}
.row .col {
    flex: auto;
    max-width: 100%;
    width: 100%;
}
@media screen and (max-height: 450px) {
    .mobileMenu {
        padding-top: 15px;
    }
}