@font-face {

    font-family: 'SFProText-Light';

    src: url('SFProText-Light.woff') format('woff')

}



@font-face {

    font-family: 'SFProText-Medium';

    src: url('SFProText-Medium.woff') format('woff')

}



@font-face {

    font-family: 'SFProText-Semibold';

    src: url('SFProText-Semibold.woff') format('woff')

}



hr {

  max-width:550px;

  margin:0px auto;

  height: 1px;

  background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), color-stop(0.5, #adadad), to(rgba(0, 0, 0, 0)));

  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), #adadad, rgba(0, 0, 0, 0));

  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), #adadad, rgba(0, 0, 0, 0));

  background: -o-linear-gradient(left, rgba(0, 0, 0, 0), #adadad, rgba(0, 0, 0, 0));

  background: linear-gradient(left, rgba(0, 0, 0, 0), #adadad, rgba(0, 0, 0, 0));

  border: 0;

}



.spacer_div{height:120px;}

.spacer_div_40{height:40px;}

.spacer_div_30{height:30px;}

.spacer_div_25{height:25px;}

.spacer_div_20{height:20px;}

.spacer_div_15{height:15px;}

.spacer_div_10{height:10px;}

.spacer_div_5{height:5px;}

.no-padding{ padding: 0 !important; }

.no-margin{ margin:0 !important; }

.banner-content{ color: #fff; width: 100%; position: absolute; left:0; right: 0; top:0; bottom: 0; margin: 0 auto; text-align: center; height:400px; }

.banner-content .outer-container-sk { text-align: center; width: 100%; height: 100%; vertical-align: middle; position: relative; display: table; padding: 15px;}

.banner-content .inner-container-sk { display: table-cell; vertical-align: middle;}

.responsive-img{ max-width: 100%; max-height: 100%; }

.tnc_bottom-left:before {

    content: "*Terms & conditions apply. TM & © 2017 Apple Inc. All rights reserved.";

    position: absolute;

    bottom: 3px;

    left: 10px;

    font-family: 'SFProText-Regular', sans-serif;

    font-size: 10px;

    z-index: 10;

    color: #737373;

}

.tnc_bottom-left-jio:before {

    /*content: "Product features vary by models";*/

    position: absolute;

    bottom: 3px;

    left: 10px;

    font-family: 'SFProText-Regular', sans-serif;

    font-weight: 100;

    font-size: 11px;

    z-index: 10;

    color: #fff;

}

.tnc_bottom-right-jio:after {

    content: "T&C apply*";

    position: absolute;

    bottom: 3px;

    right: 10px;

    font-family: 'SFProText-Regular', sans-serif;

    font-weight: 100;

    font-size: 11px;

    z-index: 10;

    color: #fff;

}

.slide-item.bg-0e .tnc_bottom-left:before { color: #fff; }

.text-container{ width: 100%; text-align: left; margin: 0 auto; }

.text-container p span {

    color: #000;

    display: inline-block;

    border-left: 1px solid #cacacb;

    padding-left: 15px;

    margin-left: 15px;

    font-size: 18px;

    max-width: 480px;

}

.text-container.new_hdfc.iphone-x-text h1 {width:85%;}

.tnc_bottom-center-citi:after{ 

    content: "*Above cashback on iPhone X when purchased with Apple Watch. Terms & Conditions Apply. Offer applicable on Citi Credit & Citi World Debit Card.";

    position: absolute;

    bottom: 8px;

    right: 0;

    left: 0;

    text-align: center;

    font-family: 'SFProText-Regular', sans-serif;

    font-weight: 100;

    font-size: 11px;

    line-height: 15px;

    z-index: 10;

    color: #fff;

 }

.tnc_bottom-center-citi-new:after{ 

    content: "*Above cashback on iPhone X when purchased with Apple Airpods. Terms & Conditions Apply. Offer applicable on Citi Credit & Citi World Debit Card.";

    position: absolute;

    bottom: 8px;

    right: 0;

    left: 0;

    text-align: center;

    font-family: 'SFProText-Regular', sans-serif;

    font-weight: 100;

    font-size: 11px;

    line-height: 15px;

    z-index: 10;

    color: #fff;

 }

.citi-bg{ background: url("../images/iphone-x/bg-banner-2.jpg") no-repeat center; background-size: cover; }

.citi-bg h1 { font-family: 'SFProText-Regular', sans-serif; font-size: 24px; color: #fff; font-weight: 100; line-height: 30px;  }

.citi-bg hr { max-width: 60%; color: #fff; background-color: #fff; margin-top: 35px; margin-bottom: 10px; }

.jio-bg{ background: url("../images/new-design-img/jio-bg-banner.jpg") no-repeat center; background-size: cover; }

.jio-bg h1{ font-weight: 100; color: #fff !important; }

.jio-bg .coming-soon-text{ margin-bottom: 10px; color: #fff !important; }

.store-locator-slider { margin-bottom: 0 !important; }

.no-padding-bottom{ padding-bottom: 0 !important; }

.valign-bottom { vertical-align: bottom !important; }

.slide-item.bg-0e .text-container p span { color: #fff; border-left: 1px solid #e3e3e3; }

.text-white{ color: #fff !important; }

.hompage-banner { height: 400px; padding: 0 !important;  }

.owl-controls.clickable, .owl-controls { position: absolute; width: 100%; bottom: 0; }

.bg-0e{ background: none !important; background: #0e0e0e !important; }

.bg-f6{ background: none !important; background: #f6f6f7 !important; }

.bg-fff{ background: none !important; background: #fff !important; }

.text-container img { padding: 2% 0; }

.btn-blue { background: #41b0bc; color: #fff !important; text-transform: uppercase; border: #41b0bc !important; border-radius: 0 !important; font-size: 16px !important; margin: 0 !important; }

.masonry-block { display: block; position: relative; margin: 0; height: 400px; }

.masonry-block .overlay { background-color: #3f3f3f;  }

.masonry-block .overlay:hover { background-color: #191919;  }

.masonry-block .overlay.bg-blue { background-color: #41b0bc; }

.masonry-block .overlay.bg-blue:hover { background-color: #099faf; }

.masonry-block .overlay.bg-light-blue { background-color: #47b9c5; }

.masonry-block .overlay.bg-light-blue:hover { background-color: #12a2b1; }

.masonry-block .overlay.bg-c9 { background-color: #c9c9c9; }

.masonry-block .overlay.bg-c9:hover { background-color: #aeaeae; }

.masonry-block .overlay.bg-4b { background-color: #4b4b4b; }

.masonry-block .overlay.bg-4b:hover { background-color: #2e2e2e; }

.masonry-block .banner-content { width: 400px; }

.masonry-block a { color: #fff; min-height: 55px; }

.masonry-block img { max-width: 100%; width: auto;}

.masonry-block p, .masonry-block p a { font-size: 16px; line-height: 18px; font-weight: 400; min-height: 55px; }

.text-uppercase { text-transform: uppercase !important; }

.col-md-3 .masonry-block .banner-content { width: 100%; height: 280px; }

.col-md-3 .masonry-block { height: 280px; }

.emi-title { font-size: 28px; margin: 20px 0 10px; font-family: 'SFProText-Regular', sans-serif; }

.emi-title span, .emi-sub-titile { font-size: 16px; text-transform:capitalize; font-family: 'SFProText-Light', sans-serif; }

.coming-soon-text{

    font-size: 26px;

    margin:0;

}

.offer-tile img {

    width: 100%;

}

.dealers-logo.banner-home{ text-align: left; }

.dealers-logo.banner-home > ul > li > a > img {

    max-height: 22px;

}

.dealers-logo.banner-home > ul > li > a {

    margin-right: 5px;

    padding-right: 8px !important;

}

.getNow{color: #000;font-size: 42px;margin-bottom: 0px;  }

.paymentText1{font-size: 20px;}

.paymentText2{font-size: 14px;}

.linegap{ line-height: 18px;}

.bannerbgnew{

background: rgba(246,41,12,1);

background: -moz-linear-gradient(top, rgba(246,41,12,1) 0%, rgba(91,121,174,1) 0%, rgba(29,101,160,1) 0%, rgba(29,101,160,1) 68%, rgba(91,121,174,1) 100%) !important;

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(246,41,12,1)), color-stop(0%, rgba(91,121,174,1)), color-stop(0%, rgba(29,101,160,1)), color-stop(68%, rgba(29,101,160,1)), color-stop(100%, rgba(91,121,174,1)));

background: -webkit-linear-gradient(top, rgba(246,41,12,1) 0%, rgba(91,121,174,1) 0%, rgba(29,101,160,1) 0%, rgba(29,101,160,1) 68%, rgba(91,121,174,1) 100%) !important;

background: -o-linear-gradient(top, rgba(246,41,12,1) 0%, rgba(91,121,174,1) 0%, rgba(29,101,160,1) 0%, rgba(29,101,160,1) 68%, rgba(91,121,174,1) 100%) !important;

background: -ms-linear-gradient(top, rgba(246,41,12,1) 0%, rgba(91,121,174,1) 0%, rgba(29,101,160,1) 0%, rgba(29,101,160,1) 68%, rgba(91,121,174,1) 100%) !important;

background: linear-gradient(to bottom, rgba(246,41,12,1) 0%, rgba(91,121,174,1) 0%, rgba(29,101,160,1) 0%, rgba(29,101,160,1) 68%, rgba(91,121,174,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6290c', endColorstr='#5b79ae', GradientType=0 ) ;

    }

    .textcolor_rp{

        color: #fff !important;

    }



.september h1 {

    font-family: 'SFProText-Light', sans-serif;

}



.september h1 span {

    font-family: 'SFProText-SemiBold', sans-serif;

    font-size: 36px;

}



.september h5 {

    font-family: 'SFProText-Medium', sans-serif;

    margin-bottom: 0;

}



.september h2 {

    font-family: 'SFProText-SemiBold', sans-serif;

    margin-top: 0;

}



.september h4 {

    font-family: 'SFProText-Medium', sans-serif;

    margin-bottom: 0;

}



.september-banner h1 {

    font-family: 'SFProText-Light', sans-serif;

    margin-bottom: 0;

}



.september-banner h1 span {

    font-family: 'SFProText-SemiBold', sans-serif;

}



.september-banner h4 {

    font-family: 'SFProText-Light', sans-serif;

    margin-top: 0;

}



.september-banner h2 {

    font-family: 'SFProText-SemiBold', sans-serif;

    margin-bottom: 0;

}



.september-banner h5 {

    font-family: 'SFProText-Light', sans-serif;

    margin-bottom: 20px;

    margin-top: 0;

}



@media (max-width: 1200px){

    .text-container p span {max-width: 325px; }

    .watch-3-banner img { padding: 48px 0; }



}

@media (max-width: 767px){

    body { padding-top: 69px; }

    .iphone-8-banner .text-container p{ margin: 0; }

    .iphone-8-banner .coming-soon-text { font-size: 20px; margin: 0; margin-bottom: 10px; }

    .iphone-8-prebook-banner .text-container p{ margin: 0; }

    .iphone-8-prebook-banner .coming-soon-text { font-size: 14px; margin: 0; margin-bottom: 5px; }

    .hidden-xs{ display: none !important; }

    .masonry-block { height: 280px; padding: 20px 0; }

    .masonry-block .banner-content { width: 100%; height: 280px; }

    .masonry-block img { position: relative; left: 0; top: 0; transform: none; height: 50px; }

    .hompage-banner h1 { font-size: 16px !important; margin: 5px 0; line-height: 20px !important;}

    .text-container p span { font-size: 10px; margin: 0; padding: 5px 0; border: none !important ; line-height: 15px; display: block;}

    .text-container img { max-height: 30px; }

    .btn-blue { font-size: 12px !important; padding: 5px 15px;}

    .hompage-banner, .hompage-banner .banner-content{ height: 200px; }

    .responsive-img { max-height: 160px; }

    .tnc_bottom-left:before { display: none;}

    .emi-title { font-size: 26px;}

    .emi-title span, .emi-sub-titile { font-size: 14px;}

    .iphone-8-logo { width: 117px; margin-bottom: 5px; }

    .text-container p span.m-span{     display: inline-block !important;

    border-left: 1px solid #cacacb !important;

    padding-left: 5px !important;

    margin-left: 5px !important;

    font-size: 0px !important; height: 13px; }

    .coming-soon-text { font-size: 14px; margin-bottom: 5px; }

    .jio-bg .coming-soon-text { font-size: 14px; margin-bottom: 5px; }

    .jio-logo-wrap .responsive-img { max-height: 190px;}

    .jio-content-wrap .outer-container-sk, .watch-3-banner .outer-container-sk { padding-top: 5px; padding-bottom: 5px; }

    .jio-content-wrap p { font-size: 10px; }

    .watch-3-banner .text-container p {margin: 0 !important; }

    .watch-3-banner .text-container h1 {font-size: 14px !important; }

    .watch-3-banner .coming-soon-text { font-size: 12px !important; margin-bottom: 5px; }

    .citi-bg hr{ margin-top: 15px; }

    .dealers-logo.banner img, .dealers-logo.banner ul li { min-width: auto; vertical-align: middle;}

    .dealers-logo.banner ul li a { margin-right: 10px !important; padding-right: 10px !important; }

    .offer-tile img { width: auto; max-width: 100%; min-height: 80px; max-height: 120px !important; padding: 15px 0; }

     .getNow{ color: #000;font-size:22px !important; } 

   .paymentText1{font-size: 15px !important;}

    .paymentText2{font-size: 10px !important;} 

    .exText{font-size: 10px !important;} 

    .linegap{ line-height: 18px;}

}

@media (max-width: 992px) and (min-width: 767px){

    body { padding-top: 130px; }

    .text-container p span { margin: 0; padding: 5px 0; border: none !important ; display: block;}

    .hompage-banner h1 { font-size: 26px !important; margin: 5px 0; line-height: 30px !important; }

    .text-container.new_ciit h1 span { font-size: 22px !important; }

    .offer-tile img { width: auto; max-width: 100%; max-height: 190px; }

    .getNow{ color: #000;font-size: 22px !important; } 

    .paymentText1{font-size: 15px !important;}

    .paymentText2{font-size: 10px !important;} 

    .exText{font-size: 10px !important;} 

    .linegap{ line-height: 18px;}

}



@media screen and (max-width: 767px) {

    .september-banner h1 {

        font-size: 22px !important;

        line-height: 22px !important;

        margin-bottom: 5px !important;

    }



    .september-banner h4 {

        font-size: 15px !important;

    }



    .september-banner h5 {

        font-size: 10px !important;

    }



    .september h1 span {

        font-size: 16px !important;

    }



    .september h4 {

        font-size: 11px !important;

        margin-bottom: 5px !important;

    }

}