@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'Conv_SF-Pro-Display-Semibold';
    src: url('../fonts/SF-Pro-Display-Semibold.eot');
    src: local('☺'), url('../fonts/SF-Pro-Display-Semibold.woff') format('woff'), url('../fonts/SF-Pro-Display-Semibold.ttf') format('truetype'), url('../fonts/SF-Pro-Display-Semibold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_SF-Pro-Display-Medium';
    src: url('../fonts/SF-Pro-Display-Medium.eot');
    src: local('☺'), url('../fonts/SF-Pro-Display-Medium.woff') format('woff'), url('../fonts/SF-Pro-Display-Medium.ttf') format('truetype'), url('../fonts/SF-Pro-Display-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_SF-Pro-Display-Regular';
    src: url('../fonts/SF-Pro-Display-Regular.eot');
    src: local('☺'), url('../fonts/SF-Pro-Display-Regular.woff') format('woff'), url('../fonts/SF-Pro-Display-Regular.ttf') format('truetype'), url('../fonts/SF-Pro-Display-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
    font-size: 15px !important;
    font-family: 'Conv_SF-Pro-Display-Medium';

}

.img_class {
    width: 100%;
}

.header {
    background: #fdfdfd;
    padding: 15px 0 30px 0px;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu>li:hover>.dropdown-submenu {
    display: block;
}

.Rightlogo {
    text-align: right !important;
    padding-top: 15px;
}

.Versions {
    padding: 0px;
    border-top: 1px #e5e6e6 solid;
    border-bottom: 1px #e5e6e6 solid;
    color: #000000;
}

.Versions a {
    color: #000000;
    text-decoration: none;
}

.Versions img {
    margin-right: 10px;
}

.NavNew ul {
    list-style-type: none;
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.NavNew ul li {
    list-style-type: none;
    display: inline-block;
    color: #000000;
    padding: 5px 19px;
}

.NavNew ul li img {
    display: block;
    margin: 0 auto 5px auto;
}

.NavNew ul li a {
    color: #000000;
    text-decoration: none;
}


.Versions ul {
    list-style-type: none;
    margin: 0px auto !important;
    padding: 0px;
    text-align: center;
    max-width: 910px !important;
}

.Versions ul li {
    list-style-type: none;
    display: block !important;
    text-align: left !important;
    padding: 0px 16px;
    font-size: 14px;
}

.navbar {
    margin-bottom: 0px !important;
    border: none !important;
    background: none;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: none !important;
}

.dropdown-menu>li>a {
    padding: 4px 40px;
    font-family: 'Conv_SF-Pro-Display-Medium';
    font-size: 18px;
    padding: 10px 20px;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: none !important;
}

.navbar-nav>li>.dropdown-menu {
    padding: 15px 0px !important;
    min-width: 250px !important;
}

.Footer {
    padding: 20px 0px;
    text-align: center;
    border-top: 1px #e5e6e6 solid;
    font-size: 12px;
}

.carousel-control.left,
.carousel-control.right {
    background: none !important;
    width: 10%;
}

.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}

.carousel-indicators .active {
    background-color: #b0adad !important;
}

.carousel-indicators li {
    border: 1px solid #b0adad !important;
}

.no_padding {
    padding: 0px;
}

.card__content {
    box-shadow: 0 1px 1px 0 rgb(23 43 77 / 25%);
    border-radius: 15px;
    overflow: hidden;
    padding: 0px;
}

.Banners {
    padding: 0px;
}

.middle_sec_banner {
    border: 10px solid #f5f5f5;
    padding: 30px 0px;
    margin: 10px;
}

.ProductSection {
    padding: 30px 0px !important;
}

.Airpods {
    padding-bottom: 0px !important;
}

.Airpods div {
    text-align: center;
    color: #000000;
}

.Airpods div a {
    color: #000000;
}

.Airpods div img {
    margin-bottom: 10px;
}

.Icons img {
    margin: 5px;
    border: 1px #cccccc solid;
    width: 64px;
}

.BigPhone {
    width: 100%;
    /*max-width: 534px;*/
    margin-bottom: 10px;
    max-width: 100%;
    border: 1px #cccccc solid;
}

.nav>li {
    padding: 15px 35px !important;
}

.navbar-nav>li>a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    font-family: 'Conv_SF-Pro-Display-Medium';
    font-size: 21px;
    color: #373e3e !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #c43139 !important;
    background: none !important;
}


#insideNav .nav>li {
    padding: 15px 0px 0px 0px !important;
    text-align: center !important;
    border-bottom: none;
}

#insideNav .navbar-nav>li>a {
    font-size: 16px;
    color: #000000 !important;
    padding: 0 11px;
}

#insideNav .navbar-nav>li>a img {
    margin-bottom: 8px;
}

#insideNav1 .nav>li {
    padding: 15px 0px 0px 0px !important;
    text-align: center !important;
    border-bottom: none;
}

#insideNav1 .navbar-nav>li>a {
    font-size: 16px;
    color: #000000 !important;
    padding: 0 11px;
}

#insideNav1 .navbar-nav>li>a img {
    margin-bottom: 8px;
}

.ipadSpacing {
    padding: 0 22px !important;
}

.iPhonese {
    max-width: 9%;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.iPhone11 {
    max-width: 34%;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.iPhone12 {
    max-width: 62%;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.iPhone13 {
    max-width: 96%;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.IPadNav {
    max-width: 58%;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.WatchNav {
    max-width: 79%;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.AirPods {
    max-width: 39%;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.AirTagNav {
    max-width: 7%;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.macbook {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    float: none;
}

.macbook li a {
    padding: 0 6px !important;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    padding: 0px;
}

.ProDescriptions {
    padding: 0px 15px;
}

.ProDescriptions h3 {
    margin-top: 0;
    text-transform: capitalize;
}

.ProDescriptions h1 {
    margin-top: 0px;
    font-size: 30px;
    font-weight: bold;
}

.ProDescriptions h1 sub {
    font-size: 14px;
    font-weight: normal;
}

.ProDescriptions h1 div {
    font-size: 18px;
    padding-top: 5px;
}

.nav>li>a:focus,
.nav>li>a:hover {
    background: none !important;
}

.ProDescriptions ul {
    padding: 0px 0 0px 20px;
}

.ProDescriptions ul li {
    line-height: 24px;
}

.ProDescriptions img {
    margin: 0 5px;
    width: 45px;
}

.iPhonne11ProMImg img,
.iPhonne11MImg img,
.iPadProMImg img,
.iPadMImg img,
.iPadAirMImg img,
.iPadMiniMImg img,
.AppleWatchSEMImg img,
.AppleWatch6MImg img,
.AirPodsProMImg img,
.AirPodsMImg img {
    border-radius: 30px;
    margin-bottom: 30px;
    margin-top: 50px;
}

.SizeRam,
.ColorPhone,
.CheckOut {
    padding: 0 0px;
}

.SizeRam a {
    color: #000000;
    padding: 10px 15px;
    margin: 10px 0px;
    display: inline-block;
    border: 1px #a8b1ad solid;
    text-decoration: none;
}

.CheckOut img {
    width: 200px;
    margin: 25px 0px 30px 0px;
    display: none;
}

.Accessories {
    padding: 0px;
}

.Accessories div img {
    border: 1px #cccccc solid;

}

.Accessories div {
    text-align: center;
    padding: 0px;

}

.error {
    text-align: left;
    font-size: 13px;
    color: #c71407;
}

.form-group {
    margin-bottom: 1rem;
}

.field,
.submit_button {
    padding: 7px;
    width: 100%;
}

.submit_button {
    cursor: pointer;
    background: #016938;
    color: #ffffff;
}

.formloader {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.hidden {
    display: none;
}

.modal-dialog {
    width: 370px !important;
    margin: 50px auto;
}

.modal-title {
    text-align: center;
    color: #016938;
}

.Accessories img {
    display: block;
    margin: 0 auto 12px;
    max-width: 90%;
    padding: 10px 20px;
}

.Resellers {
    padding: 0px;
}

.Resellers h3,
.Accessories h3 {
    font-size: 20px;
    padding: 15px 0px;
}

.Resellers ul {
    padding: 0px;
}

.Resellers ul li {
    padding: 0px;
    list-style-type: none;
    display: inline-block;
    text-align: center;
    padding: 5px 15px;
    border: 1px #ccc solid;
    margin: 5px 10px;
}

.ResellerOne a {
    display: block;
    text-decoration: none;
    color: #0012bc;
}

.contact a {
    background: #ffce00;
    padding: 5px 10px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    display: block;
    text-align: center;
}

.ResellerOne td {
    padding: 2px 0px;
}

.ResellerOne img {
    width: 90px;
    border: 1px #cccccc solid;
    margin: 2px 0px;
}

.selected {
    color: #b6082b !important;
    font-weight: bold;
}

.ColorPhone h3 {
    font-size: 16px;
    padding-bottom: 10px;
    margin-top: 8px;
}

.inches-div h3 {
    font-size: 16px;
    padding-bottom: 10px;
    margin-top: 8px;
}

.content-switcher a {
    color: #000000;
    padding: 10px 15px;
    margin: 10px 0px;
    display: inline-block;
    border: 1px #a8b1ad solid;
    text-decoration: none;
    cursor: pointer;
}

.SizeRam h3 {
    font-size: 16px;
    padding-top: 20px !important;
}

.glyphicon {
    position: relative;
    top: 40%;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    z-index: 5;
    color: #a7a4a4 !important;
    font-size: 45px;
}

.gallery-icons img,
.ColorPhone img {
    cursor: pointer;
}

.active-color {
    border: 1px solid #ffce00;
}

.features {
    display: none;
}

.features.current {
    display: block;
}

.active-bdrcolor {
    border: 1px #ffce00 solid !important;
}

.ProDescriptions span {
    margin: 5px;
    font-size: 30px;
    vertical-align: top;
    font-weight: bold;
}

.ProDescriptions .tab.current {
    display: block;
    width: 50%;
    /* border: 1px solid #ffce00;
    padding: 10px;
    margin: 20px 0px;*/
}

.ProDescriptions h1 {
    padding: 0px;
    margin: 20px 0px;
    cursor: pointer;
}

.ProDescriptions ul {
    padding-bottom: 20px;
}

.Accessories h3 {
    padding-top: 20px;
    padding-bottom: 15px;
    text-align: center;
}

.resellers-wrapper {
    padding-top: 15px;
    clear: both;
    padding-bottom: 25px;
}

.getgb {
    cursor: pointer;
}

a.disabled {
    background: #bbbbbb;
    cursor: inherit;
}

/*Img hover effect*/
.ImgBox {
    position: relative;
    width: 100%;
}

.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.ImgBox:hover .image {
    opacity: 0.5;
}

.ImgBox:hover .middle {
    opacity: 1;
}

.AccessoriesInside p {
    display: block;
    padding: 10px;
    text-align: center;
}

.AccessoriesInside .item {
    padding: 10px 0 30px 0px;
}

.owl-nav {
    width: 100%;
    margin: 0px;
    padding: 0px;
    position: absolute;
    opacity: 0.4;
    top: 31%;
    display: block !important;
    left: 0%;
}

.owl-prev {
    background: url(../images/prev.png) no-repeat;
    width: 40px;
    height: 40px;
    left: 15px;
    position: absolute;
    top: 40%;
    font-size: 0;
}

.owl-next {
    background: url(../images/next.png) no-repeat;
    width: 40px;
    height: 40px;
    right: 15px;
    position: absolute;
    top: 40%;
    font-size: 0;
}

.owl-prev:focus,
.owl-next:focus {
    border: none !important;
    outline: none !important;
}

.menu-wrapper {
    margin: 0 auto;
    border-top: 1px #e5e6e6 solid;
    border-bottom: 1px #e5e6e6 solid;
    padding-top: 10px;
    font-size: 16px;
    padding-bottom: 10px;
}

.menu-item {
    padding-left: 5.5rem;
    text-align: center;
    /* width: max-content;*/
}

.menu-item img {
    margin-bottom: 5px;
}

.menu-item a {
    color: #000000;
    text-decoration: none;
}

.menu-item p {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
    .HeaderMob {
        background: #fdfdfd !important;
    }

    .logomb {
        max-width: 170px;
        margin: 10px 0;
    }

    .navbar-toggle {
        margin-top: 25px;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background: #ffffff;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        text-align: center;
        font-size: 16px;
    }

    .navbar-nav>li>a {
        font-size: 18px;
        line-height: 16px;
    }

    .Icons {
        margin-bottom: 20px;
    }

    .nav>li {
        padding: 15px 0px !important;
        text-align: center !important;
        border-bottom: 1px #E5E5E2 solid;
    }

    .nav>li:last-child {
        border-bottom: 0px;
    }

    #insideNav .nav>li {
        padding: 15px 0px !important;
        text-align: center !important;
        border-bottom: 1px #E5E5E2 solid;
    }

    #insideNav .nav>li:last-child {
        border-bottom: none !important;
    }

    #insideNav .navbar-nav>li>a {
        font-size: 16px;
        color: #000000 !important;
    }

    #insideNav .navbar-nav>li>a img {
        display: none;
    }

    #insideNav1 .nav>li {
        padding: 15px 0px !important;
        text-align: center !important;
        border-bottom: 1px #E5E5E2 solid;
    }

    #insideNav1 .nav>li:last-child {
        border-bottom: none !important;
    }

    #insideNav1 .navbar-nav>li>a {
        font-size: 16px;
        color: #000000 !important;
    }

    #insideNav1 .navbar-nav>li>a img {
        display: none;
    }



    .IPadNav,
    .WatchNav,
    .AirPods,
    .AirTagNav {
        max-width: 100%;
        margin: 0 auto;
        width: 100%;
        float: none;
    }

    .gallery-icons-mb .owl-nav {
        top: 0%;
    }

    .gallery-icons-mb .owl-next {
        background: url(../images/next.png) no-repeat 5%;
        width: 40px;
        height: 346px;
        right: 0;
        position: absolute;
        top: 0;
        font-size: 0;
        display: block;
    }

    .gallery-icons-mb .owl-prev {
        background: url(../images/prev.png) no-repeat 5%;
        width: 40px;
        height: 346px;
        left: 0;
        position: absolute;
        top: 0;
        font-size: 0;
        display: block;
    }

    .ProductSection {
        padding: 0px !important
    }

    .menu-wrapper {
        margin: 0 auto;
        border-top: none;
        padding-top: 0px;
        font-size: 16px;
        padding-bottom: 10px;
    }

    .menu-item {
        padding-left: 15px;
        width: 32%;
    }

    body {
        font-size: 14px !important;

    }

    .logo {
        text-align: center !important;
    }

    .NavNew ul {
        list-style-type: none;
        width: 98%;
        margin: 0px;
        padding: 0px 4%;
        text-align: center;
    }

    .NavNew ul li {
        list-style-type: none;
        display: inline-block;
        color: #000000;
        padding: 5px 5px;
        text-align: center;
    }

    .NavNew ul li img {
        display: block;
        margin: 0 auto 5px auto;
    }

    .NavNew ul li a {
        color: #000000;
        text-decoration: none;
        font-size: 15px;
    }

    .modal-dialog {
        max-width: 90%;
        margin: 0 auto;
    }

    .navbar-brand {
        height: auto;
        padding: 0px;
    }

    .Rightlogo {
        text-align: center !important;
        padding-top: 15px;
    }

    .Versions {
        text-align: left;
    }

    .Versions img {
        margin: 10px 0px;
        margin-right: 20px;
        max-width: 25px;
    }

    .ProDescriptions {
        padding: 0 15px;
    }

    .ProDescriptions h1 {
        padding-top: 15px;
    }

    .ProDescriptions span {
        display: none;
    }

    .gallery-icons {
        z-index: 1;
        text-align: center;
        padding-bottom: 10px;
    }

    .Banners {
        padding: 0px;
    }

    .Icons img {
        margin: 0px;
        border: none;
        width: 70px;
    }

    .ProDescriptions .Accessories img {
        width: 100%;
    }

    .ProDescriptions .tab.current {
        width: 100%;
    }

    .carousel-indicators {
        bottom: -15px !important;
    }

    .ResellerOne td {
        padding: 2px 0px;
        font-size: 12px;
    }

    .glyphicon {
        position: relative;
        top: 35%;
        display: inline-block;
        font-family: "Glyphicons Halflings";
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        z-index: 5;
        /* background: #ccc; */
        color: #a7a4a4 !important;
        font-size: 35px;
    }

    .Versions ul li {
        list-style-type: none;
        display: inline-block;
        text-align: center !important;
        padding: 0 2%;
        width: 100%;

    }

    .menu-item p {
        margin-bottom: 0;
        padding-bottom: 10px;
    }
    .iphonesethumb.gallery-icons-mb .owl-nav {
    top: 3%;
}
.iphonesethumb.gallery-icons-mb .owl-prev,.iphonesethumb.gallery-icons-mb .owl-next{
    height: 90px;
}
}