body {
    margin: 0 auto;
}

.max-width-sony {
    max-width: 1220px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#s-main-header {
    height: 642px;
    width: 100%;
    background: url(../images/bg.jpg) center center;
    background-size: cover;
}

#s-main-wrapper {
    width: 100%;
    padding: 0 7%;
    margin: 0 auto;
}


/* #s-main-wrapper h1 {
    font-family: 'SST W20 Medium', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 35px;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 50px;
}

#s-main-wrapper h2 {
    font-family: 'SST W20 Medium', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 22px;
    margin: 0;
    padding-top: 42px;
}

#s-main-content {
    font-family: 'SST W20 Medium', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
    padding-top: 32px;
    color: #81808f;
    padding-bottom: 140px;
} */

#s-main-content p {
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 22px;
}


/* ==========================================================================
	 Custom Css
============================================================================= */

@font-face {
    font-family: 'sst-light';
    src: url(./SSTLight.TTF);
}

* {
    box-sizing: border-box;
}

html,
body {
    overflow-x: hidden !important;
}

img {
    width: 100%;
}

ol {
    list-style: decimal !important;
}

.sticky-menu {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}


/* Tabbing */

.nav-tabs {
    float: none !important;
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 0;
}

.nav-tabs .nav-link {
    display: block;
    color: #afafaf;
    padding: 0.5rem 1rem;
    text-decoration: none;
    border: none;
    background: transparent;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, border-color .3s ease-in-out;
}

.nav-tabs .nav-link.active {
    color: #e3bf79;
}

.tab-pane.show {
    opacity: 1;
}


/* Navigation */

.navbar1 {
    width: 100%;
    background-color: #23201e;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    color: white;
    /* z-index: 10000; */
}

.toggle-collapse {
    float: left;
    width: 45px;
    height: 32px;
    margin: 0.7em 0.7em;
    background-color: transparent;
    color: white;
    border: none;
    cursor: pointer;
    display: none;
}

.wtb-mobile {
    display: none;
}

.navbar-nav {
    max-width: 1190px;
    margin: auto;
    flex-direction: row;
}

.navbar1 .navbar-nav .nav-item {
    display: inline;
    list-style: none;
}

.introd {
    margin-left: 3.1%;
}

.nav-item a {
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    padding: 0.9em 0.7em;
    color: white;
    outline: 0 !important;
}

.nav-item a:focus {
    color: white;
}

.nav-item a.active,
.nav-item a:hover {
    color: #f95b34;
}


/* .active a:not(:nth-last-child(n+2)) {
    color: #f95b34;
} */

.navbar-nav .nav-item:first-child a {
    padding-left: 0;
}

.border-btn {
    border: 2px solid transparent;
}

.workshop-btn {
    border: 2px solid #f95b34;
    border-radius: 3px;
    margin-right: 40px;
}

.top-btn {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .wtb-desk {
        float: right;
    }
}

.section-title {
    text-align: center;
}

.section-title h2 {
    font-size: 35px;
    font-weight: 400;
    color: #e3bf79;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
}

.section-title h2::before {
    content: '';
    position: absolute;
    width: 60%;
    height: 1px;
    background: #e3bf79;
    left: 0;
    right: 0;
    bottom: -4px;
    margin: auto;
}


/* Banner */

section.banner {
    background: url(../images/banner.png) no-repeat;
    background-size: cover;
}

section.banner .row {
    height: calc(100vh - 77px);
}

section.banner .text {
    text-align: center;
    max-width: 400px;
    margin: auto;
}

section.banner .text h1 {
    font-size: 60px;
    color: #e3bf79;
    font-family: 'sst-light', Helvetica, Arial, sans-serif;
}

section.banner .text p {
    font-size: 40px;
    color: #fff;
    font-family: 'sst-light', Helvetica, Arial, sans-serif;
}

section.banner .text hr {
    background: rgba(0, 0, 0, 0.5);
}


/* product_details */

section.product_details {
    background: url(../images/gradient-with-patterns.png) no-repeat;
    background-size: cover;
    background-position: center right;
    padding: 60px 0;
}

@media (min-width: 1400px) {
    section.product_details {
        background-size: 100% 100%;
    }
}

section.product_details .section-title h2 {
    max-width: 360px;
}

section.product_details .text p {
    font-size: 18px;
    color: #afafaf;
}

section.product_details .text a {
    color: #e3bf79 !important;
    font-size: 18px;
}

.icon360 {
    max-width: 70px;
}


/* Video Section */

section.video .content {
    position: relative;
}

section.video .thumbnail {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}

section.video .thumbnail .play_btn {
    position: absolute;
    width: 170px;
    height: 170px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: transparent;
    padding: 0;
    box-shadow: none;
}

section.video iframe#player {
    display: block;
    height: calc(100vh - 77px);
}


/* ANC Section */

section.anc_sec {
    background: url(../images/black-gradient.png) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 60px 0;
}

@media (min-width: 1400px) {
    section.anc_sec {
        background-size: 100% 100%;
    }
}

section.anc_sec .section-title h2 {
    max-width: 385px;
    margin: auto;
}

[class*="anc-col-"] {
    text-align: center;
}

[class*="anc-col-"] .img {
    background: #1b1b1b;
    padding: 25px;
    border: 1px solid #303030;
    /* min-height: 220px; */
}

.anc-col-2 .img img {
    max-width: 112px;
}

.anc-col-3 .img img {
    max-width: 163px;
}

[class*="anc-col-"] h3 {
    font-size: 24px;
    font-weight: 500;
    color: #e3bf79;
    margin: 15px 0;
}

[class*="anc-col-"] p {
    color: #afafaf;
    font-size: 16px;
    margin-bottom: 0;
}


/* Premium Sound Section */

section.pre_sound {
    background: #fff;
}

section.pre_sound .overlay {
    background-image: -moz-linear-gradient( 90deg, rgb(230, 230, 230) 0%, rgb(106, 106, 106) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(230, 230, 230) 0%, rgb(106, 106, 106) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(230, 230, 230) 0%, rgb(106, 106, 106) 100%);
    padding: 60px 0 100px;
}

section.pre_sound .section-title h2 {
    color: #000;
}

section.pre_sound .section-title h2::before {
    background: #000;
}

@media (min-width: 992px) {
    section.pre_sound .col-lg-4 {
        width: 36%;
    }
}

section.pre_sound #soundSlider .carousel-item .img {
    margin-bottom: 40px;
}

#soundSlider .carousel-item img {
    max-width: 98px;
}

#soundSlider .carousel-item img:first-of-type {
    margin-left: 10px;
}

#soundSlider .carousel-item img.wireless {
    max-width: 77px;
}

#soundSlider .carousel-item img.dsee {
    max-width: 193px;
    margin-left: 0;
}

#soundSlider .carousel-item h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 500;
}

#soundSlider .carousel-item p {
    font-size: 18px;
    color: #000;
}

#soundSlider .carousel-indicators {
    bottom: -30px;
    right: unset;
    margin: 0;
}

#soundSlider .carousel-indicators button {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: transparent;
    border: 1px solid #000;
}

#soundSlider .carousel-indicators button.active {
    background: #000;
}


/* Call Quality Section */

section.call_quality {
    background: url(../images/girl_with_call.png) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 60px 0;
}

@media (min-width: 1400px) {
    section.call_quality {
        background-position: top center;
    }
}

section.call_quality .text {
    margin-bottom: 30px;
}

section.call_quality .text h3 {
    font-size: 24px;
    color: #e3bf79;
}

section.call_quality .text ol {
    list-style: decimal;
    margin-top: 20px;
    margin-bottom: 50px;
}

section.call_quality .text img {
    max-width: 420px;
}

section.call_quality .text p,
section.call_quality .text li {
    color: rgba(175, 175, 175, 0.8);
    line-height: 1.4;
    font-size: 18px;
}


/* Smart Listen Section */

section.smart_listen {
    background-image: -moz-linear-gradient( 127deg, rgb(1, 1, 1) 0%, rgb(14, 12, 13) 28%, rgb(26, 23, 24) 100%);
    background-image: -webkit-linear-gradient( 127deg, rgb(1, 1, 1) 0%, rgb(14, 12, 13) 28%, rgb(26, 23, 24) 100%);
    background-image: -ms-linear-gradient( 127deg, rgb(1, 1, 1) 0%, rgb(14, 12, 13) 28%, rgb(26, 23, 24) 100%);
    padding: 60px 0;
    position: relative;
}

section.smart_listen .shape {
    position: absolute;
    height: auto;
    width: 80%;
    right: 0;
    bottom: 0;
}

section.smart_listen h3 {
    color: #e3bf79;
    font-size: 24px;
    font-weight: 600;
}

.tabbing .tab-content {
    margin-top: 50px;
}

section.smart_listen p {
    font-size: 18px;
    color: #afafaf;
    direction: ltr;
}

section.smart_listen .subtitle {
    margin: 0 auto 50px;
    max-width: 1050px;
}

section.smart_listen .slider h3 {
    font-size: 20px;
}

section.smart_listen .slider p {
    font-size: 16px;
}

.tabbing .column h3 {
    margin-bottom: 5px;
}

.tabbing .text {
    max-width: 654px;
}

@media (min-width: 992px) {
    .tabbing .text {
        padding-left: 40px;
    }
}


/* Content 2 */

section.smart_listen .content2 {
    position: relative;
}

section.smart_listen .content2 .subtitle {
    text-align: center;
    max-width: 570px;
}

.slider .owl-carousel .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.slider .owl-carousel .owl-nav button {
    background: transparent !important;
}

.slider .owl-carousel .owl-nav button.owl-prev {
    margin-right: 40px !important;
}

.smart_slide {
    border: 1px solid #383838;
    background-image: -moz-linear-gradient( 127deg, rgb(1, 1, 1) 0%, rgb(14, 12, 13) 28%, rgb(26, 23, 24) 100%);
    background-image: -webkit-linear-gradient( 127deg, rgb(1, 1, 1) 0%, rgb(14, 12, 13) 28%, rgb(26, 23, 24) 100%);
    background-image: -ms-linear-gradient( 127deg, rgb(1, 1, 1) 0%, rgb(14, 12, 13) 28%, rgb(26, 23, 24) 100%);
}

.smart_slide .header {
    border: 1px solid #383838;
    background-color: #1b1b1b;
    height: 143px;
    padding: 20px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1600px) {
    .smart_slide .header {
        height: 110px;
    }
}

.smart_slide .header img {
    width: 80%;
}

.smart_slide .body {
    padding: 50px 10px;
    min-height: 346px;
}

@media (max-width: 1500px) {
    .smart_slide .body {
        min-height: 399px;
    }
}


/* Advance Design */

section.advance_design {
    background: url(../images/advance_design_bg.png) no-repeat;
    background-size: 100% 100%;
    padding: 60px 0;
}

@media (min-width: 768px) {
    section.advance_design .col-xl-5.sop {
        margin-top: 5%;
    }
}

@media (max-width:1500px) and (min-width: 1200px) {
    section.advance_design .col-lg-4.prod {
        width: 20%;
    }
}

section.advance_design .text h3 {
    font-size: 24px;
    color: #e3bf79;
}

section.advance_design .text p,
section.advance_design .text li {
    color: #afafaf;
    font-size: 18px;
}

section.advance_design .text li {
    margin-bottom: 15px;
}

section.advance_design .img label {
    color: #fff;
    font-size: 18px;
    line-height: 1.0;
    margin: 0;
}

section.advance_design .img .form-switch {
    display: flex;
    align-items: center;
    padding: 0;
}

section.advance_design .img input {
    width: 80px;
    height: 35px;
    margin: 0 10px;
}


/* Reviews Section */

section.reviews {
    padding: 60px 0;
}

section.reviews .section-title h2 {
    color: #000;
}

section.reviews .section-title h2::before {
    background: #000;
}

#reviewSlider .carousel__slide {
    width: 33.33%;
}

#reviewSlider .overlay {
    background-image: -moz-linear-gradient( 127deg, rgb(32, 27, 29) 0%, rgb(1, 1, 1) 57%, rgb(26, 23, 24) 100%);
    background-image: -webkit-linear-gradient( 127deg, rgb(32, 27, 29) 0%, rgb(1, 1, 1) 57%, rgb(26, 23, 24) 100%);
    background-image: -ms-linear-gradient( 127deg, rgb(32, 27, 29) 0%, rgb(1, 1, 1) 57%, rgb(26, 23, 24) 100%);
    text-align: center;
    padding: 64px 10px;
}
#reviewSlider .thumbnail-1 {
    background-image: url(../images/vid-thumbnail.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#reviewSlider .overlay img {
    max-width: 77px;
    opacity: 80%;
}

#reviewSlider .carousel__button,
#reviewSlider .carousel__button svg {
    width: 40px;
    height: 40px;
}

#reviewSlider .carousel__button svg {
    transform: scale(0.7);
}

#reviewSlider .carousel__button.is-next {
    right: -40px;
}

#reviewSlider .carousel__button.is-prev {
    left: -40px;
}

.fancybox__container .fancybox__thumbs .carousel__slide.has-video {
    display: none;
}


/* arbaz css */


/* 
.slider .owl-carousel .owl-nav {
    justify-content: center;
    margin-left: 200px;
} */

.menu {
    width: 466px;
    height: 470px;
    overflow: hidden;
}

.menu ul {
    width: 466px;
    height: 470px;
}

.menu ul li img {
    display: block;
    width: 466px;
    height: 470px;
}


/* arbaz css ends*/


/* Responsive */

@media (max-width: 1400px) {
    section.call_quality .text img {
        max-width: 380px;
    }
}

@media (max-width: 1280px) {
    .navbar-nav {
        width: 91% !important;
        justify-content: center;
    }
    section.video .thumbnail img {
        height: 100%;
    }
    .anc-col-2 .img img {
        max-width: 92px;
    }
    .anc-col-3 .img img {
        max-width: 133px;
    }
    section.call_quality {
        background-position: 75% 50%;
    }
    section.call_quality .text img {
        max-width: 315px;
    }
    .smart_slide .body {
        min-height: 346px;
    }
}

@media (max-width: 1199px) {
    section.banner {
        background-position: 43% 50%;
    }
    .anc-col-2 .img img {
        max-width: 75px;
    }
    .anc-col-3 .img img {
        max-width: 109px;
    }
    .smart_slide .body {
        min-height: 374px;
    }
    section.advance_design .img input {
        width: 65px;
        height: 25px;
    }
}

@media (max-width: 1120px) {
    .nav-item a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 991px) {
    #s-main-header {
        height: 250px;
        background-size: cover;
    }
    #s-main-wrapper {
        padding: 0 6%;
        width: auto;
    }
    #s-main-wrapper h1 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    /* ==========================================================================
	 Custom Css
	============================================================================= */
    .nav-item a {
        font-size: 11px;
    }
    section.video .thumbnail .play_btn {
        width: 130px;
        height: 130px;
    }
    section.video .thumbnail img {
        object-fit: cover;
        object-position: top right;
    }
    .anc-col-2 .img img {
        max-width: 91px;
    }
    .anc-col-3 .img img {
        max-width: 132px;
    }
    section.call_quality {
        background-position: 80% 50%;
    }
    section.smart_listen .content2 .row {
        flex-direction: column-reverse;
    }
    section.smart_listen .content2 .img {
        max-width: 300px;
        margin: 0 auto 30px;
    }
    section.smart_listen .content2 .subtitle {
        padding: 0 6%;
    }
    .smart_slide .body {
        min-height: 411px;
    }
    /* Reviews */
    #reviewSlider .carousel__slide {
        width: 50%;
    }
    #product360,
    #product360Mob {
        margin: auto;
    }
}

@media (max-width: 780px) and (min-width: 768px) {
    .navbar-nav {
        display: flex !important;
    }
}

@media only screen and (max-width: 767px) {
    #s-main-header {
        background: url(../images/mobile-bg.jpg) center center;
        height: 220px;
        background-size: cover;
    }
    /* #s-main-wrapper h1 {
        font-size: 28px;
    }
    #s-main-wrapper h2 {
        font-size: 18px;
        padding-top: 32px;
    } */
    #s-main-content {
        font-size: 15px;
        padding-top: 22px;
    }
    /* ==========================================================================
	 Custom Css
	============================================================================= */
    .toggle-collapse {
        display: inline-block;
    }
    .wtb-mobile {
        display: block;
        list-style: none;
        margin-right: 10px;
        float: right;
    }
    .navbar1-collapse {
        width: 100%;
        overflow: hidden;
        height: 0vh;
        transition: all 499ms ease;
    }
    .collapse1 {
        height: auto;
    }
    .navbar-nav {
        color: white;
        padding: 0%;
        margin-left: 20px;
    }
    .navbar1 .navbar-nav .nav-item {
        display: block;
        list-style: none;
    }
    .navbar-nav .nav-item:first-child a {
        padding-left: 0.7em;
    }
    .nav-item a {
        font-size: 16px;
    }
    .introd {
        margin: 0;
    }
    /* Banner */
    section.banner {
        background: url(../images/banner_mob.png) no-repeat;
        background-size: cover;
    }
    section.banner .overlay {
        background: url(../images/banner_shade.png) no-repeat;
        background-size: 100% 100%;
    }
    section.banner .row {
        padding-bottom: 20%;
    }
    section.banner .text hr {
        margin: 10px auto;
        max-width: 250px;
    }
    section.banner .text h1 {
        font-size: 30px;
        padding-bottom: 0 !important;
        max-width: 284px;
        margin: 0 auto 10px;
    }
    section.banner .text p {
        font-size: 20px;
    }
    /* Section Title */
    .section-title h2 {
        font-size: 24px;
    }
    /* Producgt Detail */
    section.product_details {
        background: url(../images/gradient-mob-with-patterns.png) no-repeat;
        background-size: cover;
        background-position: bottom center;
    }
    section.product_details .section-title h2 {
        max-width: 245px;
    }
    section.product_details .text p,
    section.product_details .text a,
    [class*="anc-col-"] p {
        font-size: 16px;
        text-align: center;
    }
    section.product_details .text a {
        display: block;
    }
    /* Video Section */
    section.video iframe {
        height: 200px !important;
    }
    section.video .thumbnail img {
        object-position: 73% 0%;
    }
    section.video .thumbnail .play_btn {
        width: 70px;
        height: 70px;
    }
    /* ANC Section */
    section.anc_sec .section-title h2 {
        max-width: 255px;
    }
    [class*="anc-col-"] {
        margin-bottom: 30px;
        background: #1b1b1b;
        padding: 0 15px 25px;
        border: 1px solid #303030;
    }
    [class*="anc-col-"] h3,
    section.smart_listen h3 {
        font-size: 20px;
    }
    [class*="anc-col-"] .img {
        background: transparent;
        border: none;
    }
    /* Premium SOund Section */
    section.pre_sound .row>.col-lg-7 {
        margin-bottom: 30px;
    }
    section.pre_sound #soundSlider .carousel-item {
        text-align: center;
    }
    #soundSlider .carousel-item img {
        max-width: 60px;
    }
    #soundSlider .carousel-item img.wireless {
        max-width: 47px;
    }
    #soundSlider .carousel-item img.dsee {
        max-width: 160px;
    }
    #soundSlider .carousel-item h3,
    section.call_quality .text h3 {
        font-size: 20px;
    }
    #soundSlider .carousel-item p,
    section.call_quality .text p,
    section.call_quality .text li,
    section.smart_listen p {
        font-size: 16px;
    }
    #soundSlider .carousel-indicators {
        right: 0;
    }
    #soundSlider .carousel-indicators button {
        width: 12px;
        height: 12px;
    }
    /* Call Quality */
    section.call_quality {
        background: url(../images/girl_mob_with_call.png) no-repeat;
        background-size: cover;
        background-position: top right;
    }
    section.call_quality .text {
        text-align: center;
    }
    section.call_quality .text ol {
        text-align: left;
    }
    /* Smart listening */
    section.smart_listen .subtitle {
        margin-bottom: 20px;
    }
    .slider .owl-carousel .owl-nav {
        margin-top: 30px;
    }
    .tabbing .column {
        margin-bottom: 30px;
    }
    .tabbing .text {
        margin-top: 30px;
        text-align: center;
    }
    .smart_slide .header {
        height: 110px;
    }
    .smart_slide .body {
        min-height: 370px;
    }
    /* Advance Design */
    section.advance_design .img {
        text-align: center;
        margin: 30px 0;
    }
    section.advance_design .text h3 {
        font-size: 20px;
    }
    section.advance_design .text p,
    section.advance_design .text li {
        font-size: 16px;
    }
    section.advance_design .row {
        margin-top: 10px;
    }
    /* Reviews */
    #reviewSlider .carousel__slide {
        width: 100%;
    }
    #reviewSlider .carousel__button.is-next {
        right: -22px;
    }
    #reviewSlider .carousel__button.is-prev {
        left: -22px;
    }
}

/*Back to top button */
.top-link {
    transition: all 0.25s ease-in-out;
    position: fixed;
    bottom: 0;
    right: 0;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    margin: 0 1em 1em 0;
    padding: 0.5em;
    width: 40px;
    height: 40px;
    background-color: #ff5900;
    z-index: 99999999;
  }
  .top-link.show {
    visibility: visible;
    opacity: 1;
  }
  .top-link.hide {
    visibility: hidden;
    opacity: 0;
  }
  .top-link svg {
    fill: white;
    width: 24px;
    height: 12px;
  }
  .top-link:hover {
    background-color: #ff5900;
  }
  .top-link:hover svg {
    fill: white;
  }