/* Extra small devices */
@media (max-width: 575.98px) {
    * {
}

#onlineOrder h1 small {
    font-size: 0.7em;
}

#onlineOrder .isApplying h1 {
    font-size: 1.5em;
}

#onlineOrder .isApplying h1 small {
    font-size: 1.5em;
}

#onlineOrder .swiper-slide .buttonWrapper .btn-primary {
    font-size: 0.8em;
    margin: 1em;
}

#onlineOrder h4 {
    font-size: 1.3em;
}

#onlineOrder #selectProduct .productOption.disabled .notAvailable {
    margin: 0;
}

#onlineOrder .categoryOption img {
    height: 100px;
}

#onlineOrder .categoryOption h4 {
    font-size: 1em;
}

#onlineOrder h5 {}

#onlineOrder h5 {
    font-size: 1em;
}

#onlineOrder .table {
    font-size: 1em;
    width: 100%;
    margin: 1em 0;
}

#onlineOrder .onlineOrderSwiper {
    width: 100%;
    line-height: 1;
}

#onlineOrder .table tr th:first-child, #onlineOrder .table tr td:first-child {
    display: none;
}

#onlineOrder #orderConfirm .table tr th:first-child, #onlineOrder #orderConfirm .table tr td:first-child {
    display: table-cell;
}

#onlineOrder #orderComplete .table tr th:first-child, #onlineOrder #orderComplete .table tr td:first-child {
    display: table-cell;
}


#onlineOrder .table tr td.addDevice {
    display: table-cell;
}

#onlineOrder #selectProduct .productOption {width: 90%;margin: 0.5em 2%;display: flex;align-items: center;justify-content: space-around;}

#onlineOrder #selectProduct .productOption img {
    width: 5em;
    margin: -0.4em 0;
}

#onlineOrder h2 {
    font-size: 2em;
    line-height: 1;
    padding: 0 1em;
}

#onlineOrder .categoryOption {
    flex-basis: 38%;
    margin: 4px;
}

#support .supportContent .downlodSection .formLink .btn small {
    display: none;
}

#support .supportContent .downlodSection .formLink .btn {
    font-size: .7em;
    padding: 3px 12px;
}

.terms .termsContent {
    padding-top: 15px;
}

.privacy .privacyContent {
    padding-top: 15px;
}

.our-promise .ourpromiseContent {
    padding-top: 15px;
}

    #navbarResponsive{
        width: 100%;
    }
    .menuOpen #navbarResponsive{
        top: 63px;
    }

#home.menuOpen #navbarResponsive {
    top: 80px;
}
.hamburgerBtn {
    padding: 5px;
    position: relative;
}

.navbar {
    padding: 10px;
}

#home .navbar {
    background-color: transparent;
}

#home.navbar {
    background-color: #00263E;
}

#home #header,#home.scrolled #header {
    position: fixed;
    background-color: #00263E;
    max-height: 60px;
    padding: 5px 0 0 0;
}

#header .nav li {
    display: block;
    text-align: center;
    border-bottom: 1px solid #ccc;
}

#header .nav li a {
    padding-top: 10px;
    padding-bottom: 10px;
    /* position: relative; */
    display: block;
}

#home a.navbar-brand {
    flex: 0 0 80px;
}

.navbar-brand img {
    min-width: 0;
}
a.navbar-brand, #home.menuOpen a.navbar-brand, #home.scrolled a.navbar-brand {
    flex: 0 0 70px;
}

    main {
        margin-bottom: auto;
        margin-top: 64px;
    }

    .topBorder {
        margin-bottom: 5px;
        height: 25px;
    }

    h1 {
        font-size: 2em;
        margin-bottom: 5px;
        padding: 5px 0px;
    }

    .faqs h1 {
        font-size: 2em;
        margin-bottom: 50px;
        padding: 5px 0px;
    }

    .scrolled #header {
        min-height: 35px;
        max-height: 65px;
        padding: 0;
    }

    #home.menuOpen.scrolled #header,
    .menuOpen.scrolled #header {
        
        max-height: 100%;
        height: 100%;
    }

    #header .customContainer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 5px 10px;
    }
    a.navbar-brand{
        max-width: 50px;
        margin-right: 0;
        padding: 0;
    }
    .menuOpen .techsuredLogo #logo,
    .scrolled #header .techsuredLogo #logo,
    #header .techsuredLogo #logo {
        max-height: 50px;
    }

    .hamburger {
        position: relative;
        right: 0px;
        top: 5px;
    }

    .hamburger-box {
        width: 25px;
        height: 25px;
        /* top: 0px; */
    }

    .hamburger-inner {width: 30px;height: 30px;/* top: 0px; */}

.menuOpen .hamburger-inner, .menuOpen .hamburger-inner::before, .menuOpen .hamburger-inner::after {
    width: 35px;
}

    #header .hiddenNav {
        display: none;
    }

    /* landing page */
    .mainSlider{
        height: 70vh;
    }
    .mainSlider .swiper-slide .slideCaption h2 {
        font-weight: normal;
        font-family: 'SF Pro Display';
        font-size: 1.7em;
    }

.mainSlider .swiper-slide .slideCaption .btn {
    display: block;
    font-size: 1.4em;
}

    .mainSlider .sliderPagination {
        text-align: center;
        bottom: 0px;
        /* margin-top: 33px; */
    }

    /* Gadgets */

    .gadgetsItems {
        padding-top: 10px;
    }

    .gadgetsItems p {
        font-size: 1.2em;
    }

    .gadgetsItems .gadgetsWrapper {
        top: auto;
    }

    .gadgetItem .itemContent {
        padding: 10px;
    }

    .gadgetItem .itemContent img {
        max-width: 65px;
    }

    .gadgetItem .itemContent h5 {
        font-size: 2em;
        margin-bottom: 0;
    }

    .gadgetsItems .gadgetsWrapper .gadgetItem h4 {
        padding: 5px 5px;
        font-size: 2em;
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: auto;
        right: auto;
    }

    .gadgetsItems .gadgetsWrapper .gadgetItem h4 small {
        font-size: 10px;
        padding: 5px;
        width: auto;
    }


    .spacingDiv {
        display: none !important;
    }

    /* Header nav */

    .menuOpen #header .hiddenNav.nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        height: 100vh;
    }

    /* Welcome to techsured */

    .aboutUs {
        padding: 90px 0px 60px;
        margin-top: -30px;
    }

    .aboutUs h1 {
        font-size: 2em;
        margin-bottom: 5px;
        padding: 5px 0px;
    }

    .aboutUs p {
        font-size: 1em;
    }

    .aboutUs .aboutNav .nav-link {
        padding: 5px 10px;
        font-size: 1em;
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }

    .aboutUs .aboutNav {

        background-color: #eee;
    }

    .aboutUs .tab-content {
        top: auto;
        padding: 0px;
    }

    .aboutUs .tab-content .tab-pane {
        padding: 15px;
    }

    .aboutUs .tab-content .tab-pane p {
        font-size: .8em;
    }

    .aboutUs .tab-content .tab-pane ul {
        -webkit-padding-start: 15px;
                padding-inline-start: 15px;
    }

    .aboutUs .tab-content .tab-pane ul li {
        font-size: .8em;
    }

    .gadgetItem {
        margin-bottom: 1em;
    }

    .whatWeCover {
        padding: 90px 0px 60px;
    }

    .whatWeCover h1 {
        font-size: 2em;
        padding-bottom: 5px;
    }

    .whatWeCover p {
        font-size: 1em;
    }

    .whatWeCover .mobileViewRow {
        padding: 30px 0px;
    }

    .whatWeCover .productContent {
        display: block;
        text-align: center;
        padding: 0px 0px;
    }

    .whatWeCover .productContent .productDetails p {
        text-align: center;
    }

    .whatWeCover .mobileViewImg img {
        max-height: 250px;
        margin: 20px auto;
    }

    .whatWeCover .getQuote {
        padding: 20px 0px;
    }

    .whatWeCover .getQuote h2 {
        font-size: 2em;
        padding-bottom: 20px;
    }

    .whatWeCover .getQuote .btn {
        display: block;
        text-align: center;
        padding: 0.3em 1.5em;
        font-size: 1.5em;
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    .whatWeCover .getQuote p {
        font-size: 1.5em;
        padding-top: 10px;
    }

    .whatWeCover .getQuote p a {
        display: block;
    }

    .techsuredPackages .logoCol {
        min-height: 258px;
    }

    .techsuredPackages .packageContent {
        padding: 40px 20px;
        text-align: center;
    }

    .techsuredPackages .packageContent h3 {
        font-size: 2.5em;
        display: block;

    }

    .techsuredPackages .packageContent h3 span {
        font-size: 1.1em;
        padding-left: 5px;
    }

    .techsuredPackages .packageContent p {
        font-size: 1.1em;
        margin-bottom: 20px;
    }

    .techsuredPackages .btn-default {
        font-size: 1em;
    }

    .techsuredPackages .packageBg {
        padding: 55px 0px;
        text-align: center;
    }

    .techsuredPackages .packageBg h3 {
        font-size: 2.5em;
    }

    .techsuredPackages .packageBg p {
        font-size: 1.3em;
        margin-bottom: 35px;
    }

    .bannerNotes {
        padding: 30px 0px;
    }

    .bannerNotes h3 {
        font-size: 1.3em;
    }

    .bannerNotes p {
        font-size: 1.1em;
    }

    /* Quote Calculator */

    .quickCalculator {
        padding: 30px 0px;
    }

    .quickCalculator h1 {
        font-size: 2em;
        padding-bottom: 5px;
    }

    .quickCalculator .calcSlide {
        height: auto;
    }

    .quickCalculator .calcSlide .swiper-slide {
        height: auto;
    }

    .quickCalculator .calcSlide .swiper-slide.inPuts .row {
        margin: 0px;
    }


    .quickCalculator .calcSlide .swiper-slide.inPuts .customFields {
        margin-bottom: 15px;
    }

    .quickCalculator .calcSlide .swiper-slide.inPuts .customFields input {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        display: block;
    }

    .quickCalculator .customFields:after {
        display: none;
    }

    .quickCalculator .productOption {
        text-align: center;
        background-color: #f5f5f5;
        border-radius: 6px;
        overflow: hidden;
    }

    .quickCalculator .calcSlide .coastResult .btn {
        font-size: 1em;
        width: 60%;
    }

    .quickCalculator .calcSlide .calNav .backSlide {
        position: absolute;
        z-index: 111;
        bottom: 0;
        left: 2% !important;
        cursor: pointer;
    }

    .quickCalculator .calcSlide .calNav .nextSlide {
        position: absolute;
        z-index: 11;
        bottom: 0;
        right: 2% !important;
        cursor: pointer;
    }

    /* Subscribe */

    .quickContact {
        padding: 100px 0px 40px 0;
        text-align: center;
        margin-top: -60px;
    }

    .quickContact h3 {
        font-size: 2em;
        margin-bottom: 25px;
    }


    .quickContact .pleaseCall .customFields {
        margin-bottom: 15px;
    }

    .quickContact .pleaseCall .customFields input {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        display: block;
    }

    .quickContact .pleaseCall .customFields:after {
        display: none;
    }

    .callBtn {}

    .callBtn .btn {
        display: block;
        width: 80%;
        margin: 15px auto 0;
    }

    .subscribeNews form .btn {
        padding: 0.4em 1.8em;
        font-weight: 700;
        font-size: 1.3em;
        margin-top: 15px;
    }


    .quickCalculator .productOption img {
        max-width: 80px;
    }

    .quickCalculator .productOption h4 {
        font-size: .9em;
    }

    .quickCalculator .productOption {
        margin-bottom: 15px;
    }



    .subscribeNews {
        padding: 30px 0;
    }

    .subscribeNews .newsContent {
        display: block;
        text-align: center;
    }

    .subscribeNews h3 {
        font-size: 1.5em;
    }

    .subscribeNews form {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .subscribeNews form .form-control {
        width: 100%;
        max-width: 100%;
    }

    .subscribeNews form .btn {
        width: 70%;
        padding: .3em 1.5em;
        font-weight: 500;
        margin-top: 15px;
    }

    .contactUs {
        min-height: 625px;
        padding: 30px 0;
        margin-top: 0;
    }


    .contactUs .customContainer {
        position: absolute;
        bottom: 0px;
        right: 0;
        left: 0;
        padding-left: 25px;
        padding-right: 25px;
    }

    .contactUs .mapCanvas {
        width: 100%;
    }

    .contactUs .mapCanvas #googleMap {
        position: relative;
        overflow: hidden;
        min-height: 255px;
    }

    footer {
        position: relative;
        padding: 30px 0px;
    }

    footer .logPlacholder {
        text-align: center;
    }

    footer .bottomFooter {
        display: block;
        padding: 15px 0px 0px;
    }

    footer .bottomFooter nav {
        text-align: center;
        max-width: 100%;
        padding: 0 10px;
        display: block;
    }

    footer .bottomFooter nav a:first-of-type {
        width: 100%;
        display: block;
        font-size: 1.1em;
        font-weight: 300;
        margin-bottom: 5px;
    }

    footer .bottomFooter nav a:first-of-type:after {
        display: none;
    }

    footer .bottomFooter .logImg {
        display: block;
        text-align: center;
        max-width: 100%;
        margin-top: 10px;
    }

    /* Our Promise */

    .ourpromiseContent h1 {
        font-size: 2em;
        margin-bottom: 50px;
        padding: 5px 0px;
    }

    .our-promise .ourpromiseContent p {
        font-size: 1em;
        margin-bottom: 30px;
    }

    /* support */
    #support .supportContent{
        padding-top: 15px;
    }
    #support .supportContent h3 {
        text-align: center;
        font-size: 1.4em;
        font-weight: 700;
        margin-bottom: 55px;
    }

    #support .supportContent p {
        font-size: 1em;
        margin-bottom: 30px;
        font-weight: 300;
    }

    #support .supportContent .downlodSection .formLink span {
        line-height: 1.1;
        /* top: 5px; */
        /* color: #001C2B; */
        /* position: relative; */
        /* display: block; */
        /* text-align: center; */
    }

    /* faqs */

    .faqs .aboutNav .nav-link {

        padding: 5px 10px;
        font-size: 1em;
        max-width: 100%;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        text-align: center;

    }

    #support .supportContent h6 {
        font-size: 1em;
        font-weight: 600;
        margin-bottom: 35px;
    }

    .faqs .tab-content .tab-pane p {
        font-size: 1em;
        font-weight: 300;
    }
    #getQuickQuoteModal .modal-body .btn{
        font-size: .9em;
    }

    .bannerText {
        padding-right: 0px;
        margin-top: 2em;
        padding-left: 0px;
    }   

    .col-lg-7.bannerImg {
        display: none;
    }

    .gadgetsItems h1 {
        padding: 0;
        font-size: 3em;
    }

}


@media(max-width: 354.98px) {
    body.loading:after{
        background-position: center, center 25%;
        background-size: 20%, auto;
    }
    #home.menuOpen #navbarResponsive{
        top: 70px;
    }
    .scrolled #header {
        min-height: 35px;
        max-height: 65px;
        padding: 0;
    }

    #header .customContainer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        padding: 5px 10px;
    }

    .menuOpen .techsuredLogo #logo,
    .scrolled #header .techsuredLogo #logo,
    #header .techsuredLogo #logo {
        max-height: 50px;
    }

    .hamburger {
        position: relative;
        right: 15px;
        top: 5px;
        left: auto;
    }

    .hamburger-box {
        width: 25px;
        height: 25px;
        /* top: 0px; */
    }

    .hamburger-inner {/* width: 25px; *//* height: 25px; *//* top: 0px; */}

    #header .hiddenNav {
        display: none;
    }

    .gadgetsItems {
        padding-top: 10px;
    }

    .gadgetsItems .gadgetsWrapper {
        top: auto;
    }

    .gadgetItem .itemContent {
        padding: 10px;
    }

    .gadgetItem .itemContent img {
        max-width: 65px;
    }

    .gadgetItem .itemContent h5 {
        font-size: 2em;
        margin-bottom: 0;
    }

    .gadgetsItems .gadgetsWrapper .gadgetItem h4 {
        padding: 5px 5px;
        font-size: 2em;
        text-align: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: auto;
        right: auto;
    }

    .gadgetsItems .gadgetsWrapper .gadgetItem h4 small {
        font-size: 10px;
        padding: 5px;
        width: auto;
    }

    #getQuickQuoteModal .modal-header h4{
        font-size: 0.9em;
    } 

}