* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
*:before,*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
body
{
    margin: 0 auto;
    font-family: Poppins;
}
.hide
{
    display: none;
}
.d-none{display: none !important;}
.m-none{display: block;}
.txt-center
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.header
{
    width: 100%;
    float: left;
    position: fixed;
    background-color: rgba(1, 0, 0, 0.85);
    /* opacity: 0.85; */
    z-index: 999;
}
.menu_icon
{
    display: none;
}
.navbar-toggle {
    display: none;
    background: transparent !important;
    position: relative;
    float: right;
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
}
.wrapper
{
    margin: 0 auto;
    max-width: 1180px;
    width: 100%;
}
section, .column {
    position: relative;
}
.logo {
    float: left;
    width: 23%;
    height: 70px;
}
.nav-menu {
    float: left;
    width: 75%;
    height: auto
}
.icn_arrow> i
{
 transform: rotate(180deg);
 font-size: 20px;
 position: relative;
 top: 3px;
 left: 2px;
}
.iga_flas:hover i
{
    transform: rotate(0deg);
    top: 1px;
}
.iga_flas
{
    cursor: pointer;
}
.iga_flas:hover .sub_menu
{
    display: block;
}
.nav-menu ul {
    text-align: right;
    height: 70px;
    margin: 0px;
}
.nav-menu ul li {
    display: inline-block;
    margin-left: 20px;
    line-height: 70px;
}

.nav-menu ul li a
{
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
}
.nav-menu .sub_menu
{
    display: none;
    position: absolute;
    background: #fff;
    z-index: 2;
    opacity: 1;
    height: fit-content;
    padding: 5px 12px;
    border-radius: 10px;
    list-style: disc;
    right: -15px;
    box-shadow: 0px 0px 5px lightgray;

}
.nav-menu .sub_menu::before
{
    content: '';
    position: absolute;
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: -5px;
    right: 11px;
}
.nav-menu .sub_menu li
{
    font-size: 12px;
    color: #767A8E;
    font-weight: 300;
    height: 20px;
    border-bottom: 1px solid;
    line-height: 20px;
    display: block;
    margin-left: 0px;
    list-style: disc;
    text-align: left;
    padding: 0px 5px;
}
.nav-menu .sub_menu li:hover a
{
    color: #49F9FF;
}
.nav-menu .sub_menu li:last-child
{
    border:none;
}
.nav-menu .sub_menu li a
{
    color: #767A8E;
}
.link_color {
    color: #49F9FF !important;
}

.logo img {
    width: 100px;
    margin-top: 7px;
}

/*=====header section css end=====*/
.banner_video
{
    height: 700px;
    position: relative;
    background-color: #000;
}
.msite_banner,.text_b_msite
{
    display: none;
}


.hero_b_box
{
    position: absolute;
    width: 50%;
    z-index: 22;
    top: 150px;
    left: 7vw;
}
.hero_b_box img
{
    width: auto;
    max-height: 600px;
    max-width: 100%;
}
.bar_line
{
    width: 90px;
    height: 2px;
    background: transparent linear-gradient(90deg, #fc309f 0%, #4c2cf0 24%, #00bdd3 50%, #11a6de 77%, #33d069 100%) 0% 0% no-repeat padding-box;
    position: relative;
    margin-top: 20px;
}
.bar_line::after
{
    position: absolute;
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50%;
    border: 2px solid #00BCD4;
    right: -7px;
    top: -2.5px;
    box-sizing: unset;
}
h3.title
{
    color: #013788;
    font-size: 32px;
    font-weight: 600;
}
h4.title {
    color: #013788;
    font-size: 20px;
    font-weight: 600;
}
h5.subtitle
{
    font-weight: 600;
}
.innner_box
{
   display: flex;
   justify-content: center;
   align-items: center;
}
#gera_up
{
    background-color:#F3F8FE;
    padding: 35px 0px;
}
#gera_up .left_side
{
    flex:60%;
}
#gera_up .left_side p, #jury .left_side p
{
    margin-top: 25px;
    padding-right: 100px;
    font-weight: 300;
    font-size: 18px;
}
#gera_up .right_side
{
    flex:40%;
}
.gear_up
{
    width: 80%;
    margin-left: 20%;
    height: 650px;
    background-image: url(../images/section_1_bg.png?v=1);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}
.gear_up ul
{
    list-style: none;
    padding: 15px 20%;
    width: fit-content;
    height: 100%;
}
.gear_up ul li
{
  border-bottom:1px solid rgb(255 255 255 / 31%);
  height: calc(100%/5);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.gear_up ul li:last-child
{
    border-bottom: none;
}
.gear_up ul li h2
{
   font-size: 40px;
   font-weight: 600;
   color: #54F3FA;
}
.gear_up ul li p
{
   color: #FFFFFF;
   font-size: 18px;
}
.mid_banner
{
    display: flex;
    overflow: hidden;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto 30px;
    border-radius: 10px;
}
.mid_banner img
{
    width:-webkit-fill-available;
}
#jury
{
    padding-top: 10px;
    background-image: url(../images/jury_bg_img.png);
    background-size: cover;
    background-repeat: no-repeat;
}
#jury .left_side
{
    flex: 40%;
}
#jury .right_side
{
    flex: 60%;
}
.list_jury
{
    display: flex;
    flex-wrap: wrap;
    height: 650px;
    overflow: auto;
    position: relative;
}
.list_jury .list{
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
  }
  .animatejury{
      animation-name: scrollanim;
      animation-delay: 5s;
      animation-duration: 40s;
      animation-timing-function: linear;
      animation-iteration-count: 3;
  }
  @keyframes scrollanim {
    0%   {margin-left:0px; margin-top:0px;}
    100%  {margin-left:0px; margin-top:-3290px;}
  }
  .list:hover {
    animation-play-state: paused;
  }
.list_jury .card
{
    width: calc((100% - 20px)/3);
    height: fit-content;
    margin-right: 10px;
}
.list_jury .card img
{
    width: 100%;
    filter: grayscale(1);
}
.list_jury .card:hover img,.list_jury .card.active img
{
    filter: unset;
}
.list_jury .card:nth-child(3n)
{
    margin-right: 0px;
}
.hightlight-ppl {
    margin: 0 auto;
    max-width: 1180px;
    width: 100%;
    position: relative;
}
#award, #highlights
{
    padding: 30px 0px;
}
#highlights {
    padding: 30px 0px 0;
}
.prod_list
{
    width: 100%;
    position: relative;
    padding-top: 25px;
}
.h4_bar
{
    background: transparent linear-gradient(90deg, #fc309f 0%, #4c2cf0 24%, #00bdd3 50%, #11a6de 77%, #33d069 100%) 0% 0% no-repeat padding-box;
    width: 100%;
    height: 2px;
    margin: 15px 0px;
}
.prod_list .cont_txt
{
    font-size: 14px;
    font-weight: 300;
    margin-top: 12px;
    text-align: justify;
}
.list_box
{
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
}
.prod_list .list_box:last-child
{
    border:none;
    margin-bottom: 10px;
}
.carousel_list
{
    overflow: hidden;
    width: 100%;
}
.product_box
{
   margin-top: 20px;
   white-space: nowrap;
   width: fit-content;
    display: flex;
    flex-wrap: nowrap;
}
#iga_flash .product_box
{
    display: inline-block;
}
.box
{
    width:224px;
    height: 250px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px #3C3C3C19;
    border-radius: 10px;
    border: 2px solid #E5E5E5;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    position: relative;
}
.box .win_tag
{
    top: 5px;
    position: absolute;
    width: 70px;
    height: 90px;
    background-image: url(../images/winner_tag_IGA.png);
    background-size: contain;
    left: 5px;
    background-repeat: no-repeat;
}
.box:last-child
{
    margin-right: 0px;
}
.box img
{
    width: auto;
    height: 150px;
    margin-bottom: 20px;
}
.box p
{
    font-size: 14px;
    color: #333333;
    font-weight: 400;
    white-space: pre-wrap;
    text-align: center;
    padding: 0px 10px;
    height: 40px;
}
.previous_btn,.next_btn
{
    position: absolute;
    width: 40px;
    height: 40px;
    zoom: 0.7;
    border-radius: 50%;
    background-image: url(../images/icon_sprite.svg);
    top: -8px;
    background-repeat: no-repeat;
}
.next_btn
{
    right: 0px;
    background-position:-1px -406px;
}
.next_btn.active
{
    right: 0px;
    background-position:-1px -262px;
}
.previous_btn
{
    right: 50px;
    background-position:-1px -358px;
}
.previous_btn.active
{
    right: 50px;
    background-position:-1px -310px;
}
.hightlight-ppl .previous_btn {
    left: -15px;
    top: 46%;
}
.hightlight-ppl .next_btn {
    top: 46%;
}
.hightlight-ppl .product_box {
    display: inline-block;
    margin-bottom: 20px;

}
#tablets,#users_choice
{
    background-color: #F3F8FE;
}
#tv .box img,#Laptop .box img
{
    height: auto;
    width: 170px;
    max-height: 200px;
}
#Laptop
{
    background-color:#F7F7F7;
}
#SoCs
{
    background-color: #F8F7FF;
}
.prod_tabs
{
    position: fixed;
    left: 0px;
    top: 25%;
    width: 50px;
    border-radius: 0px 9px 9px 0px;
    box-shadow: 0px 3px 6px #00000029;
    border: 0.5px solid #DFDFDF;
    z-index: 666;
    background-color: #fff;
}
.prod_tabs ul
{
    list-style: none;
}
.prod_tabs ul li
{
    width: 100%;
    height: 45px;
    border-bottom: 0.5px solid #DFDFDF;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prod_tabs ul li:first-child
{
    border-radius: 0px 9px 0px 0px;
}
.prod_tabs ul li:last-child
{
    border-radius: 0px 0px 9px 0px;
}
.prod_tabs ul li:last-child
{
    border-bottom: none;
}
.prod_tabs ul li a
{
    display: block;
    width: 40px;
    height: 40px;
    zoom: 0.8;
    position: relative;
    background-image: url(../images/icon_sprite.svg);
    background-repeat: no-repeat;
}
.prod_tabs ul li .phone_icn
{
  background-position: 10px 2px;
}
.prod_tabs ul li .tablet_icn
{
    background-position: 1px -38px;
}
.prod_tabs ul li .tv_icn
{
    background-position: 1px -109px;
}
.prod_tabs ul li .laptop_icn
{
    background-position: -1px -75px;
}
.prod_tabs ul li .earbuds_icn
{
    background-position: 5px -182px;
}
.prod_tabs ul li .wearables_icn
{
    background-position: 10.5px -146px;
}
.prod_tabs ul li .sos_icn
{
    background-position: 5px -218px;
}
.prod_tabs ul li a.cpu_icn
{
    background-position: 5px -218px;
}
/* .prod_tabs ul li::after
{
    content: '';
    position: absolute;
    border-bottom: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
  left:65px;
  border: 0.5px solid #DFDFDF;
  box-shadow: 0px 3px 6px #00000029;
  top: 20px;
} */
.prod_tabs ul li a::before
{
    width: fit-content;
    padding: 5px 10px;
    background-color: #fff;
    height: 25px;
    font-size: 11px;
    border-radius: 3px;
    border: 0.5px solid #DFDFDF;
    box-shadow: 0px 3px 6px #00000029;
    position: absolute;
    left: 55px;
    top: 5px;
    color: #000;
    white-space: nowrap;
}
.highlight-yt {
    margin: 24px 0 40px;
    border-radius: 10px;
    overflow: hidden;
    position:relative;
}
.highlight-yt .youtube_btn {
    top: 43%;
    width: 48px;
}
.highlight-yt .iframe_box{
    max-width: 900px;
    width: 900px;
    height: 501px;
}
.img_row_msite {
    display: grid;
    gap: 4px;
    grid-template-rows: auto auto;
    grid-auto-flow: column;
    overflow-x: scroll;
}
.img_row_msite .image-box {
    width: 140px;
    white-space: nowrap;
    height: 90px;
    margin-right: 0;
    text-align: center;
    background: #efefef;
    border-radius: 10px;
    overflow: hidden;
}
.img_row_msite .image-box img {
    max-width: 100%;
    border-radius:0;
    width:100%;
}

@media (max-width:1280px) {
    .wrapper{
        width: 1100px;
    }
    .box{
        width: 208px;
    }
}
#users_choice
{
  padding: 25px 0px;
}
#users_choice iframe
{
   height: 100vh;
   
}
@media(min-width:767px)
{
.prod_tabs ul li:hover{
    background-color: #EBEBEB;
}
.prod_tabs ul li a.phone_icn:hover::before
{
    content: 'Smartphones';
}
.prod_tabs ul li a.tablet_icn:hover:before
{
    content: 'Tablets';
}
.prod_tabs ul li a.tv_icn:hover::before
{
    content: 'Televisions';
}
.prod_tabs ul li a.laptop_icn:hover:before
{
    content: 'Laptops';
}
.prod_tabs ul li a.earbuds_icn:hover:before
{
    content: 'Earbuds';
}
.prod_tabs ul li a.wearables_icn:hover:before
{
    content: 'Wearables';
}
.prod_tabs ul li a.sos_icn:hover:before
{
    content: 'Mobile SoCs';
}
.prod_tabs ul li a.cpu_icn:hover:before
{
    content: 'Laptop CPUs';
}
}
.prod_tabs ul li.active
{
    background-color: #EBEBEB;
}
/*=====iga flashback===*/
.iga-flash
{
    margin-top: 25px;
    margin-bottom: 40px;
}
.iga-flash .wrapper
{
    position: relative;
}
.iga-flash p
{
    font-weight: 300;
    margin-bottom: 20px;
    margin-top: 10px;
}

.bg_box
{
    width: 100%;
    display: inline-block;
}
.first_row, .img_row
{
    display: flex;
    flex-direction: row;
}
.first_row .first_col,.first_row .sec_col
{
    margin-right:15px;
    margin-bottom: 9px;
}
.first_row>div
{
    width: calc((100% - 30px)/3);
}
.first_row .thi_col
{
    margin-bottom: 9px;
}
.first_col
{
    display: flex;
    flex-direction: column;
}
.image-box {
   width: calc((100% - 30px) / 4);
    margin-right: 15px;
    margin-bottom: 9px;
    height: 181px;
    overflow: hidden;
    border-radius:10px;
}
.image-box img {
    max-width: 100%;
    border-radius:10px;
}
.hightlight_list{
    margin-top: 20px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}
.vid_box
{
    width: 100%;
    position: relative;
}
.img_box img
{
    width: 100%;
    filter: grayscale(1);
}
.img_box.active img
{
    filter: unset;
}
.vid_box .thum_img
{
  width: 100%;
  height: 252px;
  filter: grayscale(1);
}
.img_box img:hover, .vid_box .thum_img:hover
{
    filter: unset;
}
.youtube_btn
{
    position: absolute;
    z-index: 2;
    cursor: pointer;
    filter: unset;
    left: 45%;
    top: 45%;
    width: 30px;
}
.sec_col
{
    display: flex;
}
.thi_col{
    display: flex;
    flex-direction: column;
}

.iframe_box
{
    display: none;
}
.sec_row
{
    display: flex;
}
.sec_row div
{
    width: calc((100% - 30px)/3);
    margin-right: 15px;
    height: auto;
}
.sec_row div:last-child
{
    margin-right: 0px;
}
.footer_banner .banner_area
{
    width: 100%;
    height: 250px;
    border-radius: 30px;
    background-image: url(../images/footer_bg_desktop.png);
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
}
.txt_area
{
    width: 70%;
    padding-left: 100px;
}
.banner_area h2
{
    color: #45EDF4;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 40px;
}
.banner_area p
{
    font-size: 14px;
    color: #FFFFFF;
    word-spacing: 2px;
    font-weight: 200;
}
.btn_area
{
    width: 30%;
}
.reg_btn{
    box-shadow: 0px 0px 20px #A5FBFF72;
    border-radius: 20px;
    width: fit-content;
    height: 45px;
    line-height: 45px;
    color: #000000;
    font-size: 14px;
    padding:10px 30px;
    background-color: #fff;
    cursor: pointer;
    text-decoration: none;
}
.reg_btn:hover
{
    background-color: #45EDF4;
}
footer
{
    width: 100%;
    margin-top: 20px;
}
.top_area .left_s
{
  float: left;
  text-align: left;

}
.top_area
{
    border-bottom: 1px solid #DEDEDE;
    height: 50px;
}
.top_area .left_s a
{
    color: #000;
    font-size: 12px;
    margin-right: 20px;
    text-decoration: none;
}
.top_area .left_s a:last-child
{
    margin-right: 0px;
}
.top_area .left_s a:hover
{
    color: #45EDF4;
}
.right_s
{
 float: right;
}
.right_s a
{
    margin-left: 5px;
    background-image: url(../images/icon_sprite.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    zoom: 0.8;
    display: inline-block
}
.right_s a.face_icn
{
    background-position:1px -479px;
}
.right_s a.x_icn
{
    background-position:1px -512px ;
}
.right_s a.ins_icn
{
    background-position: 1px -544px;
}
.right_s a.you_icn
{
    background-position:1px -578px;
}
.copy_txt
{
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #888888;
    text-align: center;
}
#gotop
{
    background-image: url(../images/icon_sprite.svg);
    width: 30px;
    height: 30px;
    position: fixed;
    right: 50px;
    bottom: 150px;
    background-repeat: no-repeat;
    background-position: 0px -612px;
    display: none;
}
.user_text
{
    padding-bottom: 35px;
    font-weight: 300;
}
.bar_d_left{
    width: 90px;
    margin: 0 auto;
}
.bar_d_left .bar_line{
    margin-top: 10px;
}
@media(max-width:600px){
    .logo img
    {
        width: 80px;
    }
    .box img {
        max-height: 104px !important;
    }
    .logo{height: 60px; width: 100%; float: unset;}
    .menu_icon
    {
        display: inline-block;
        width: 33px;
        height: 33px;
        background-image: url(../images/icon_sprite.svg);
        background-repeat: no-repeat;
        background-position: 0px -445px;
        margin-top: 11px;
        float: right;
    }
    .nav-menu
    {
        display: none;
        float: unset;
        width: 100%;
        margin-top: 10px;
        border-top: 1px solid #fff;
    }
    .nav-menu ul{height: fit-content;}
    .nav-menu ul li{text-align: left;display: block; width: 100%;line-height: 50px;margin:10px 10px 10px 5px;}
    .nav-menu ul li a{line-height: 25px;}
    .nav-menu .sub_menu
    {
        position:unset;
        background: transparent;
        padding: 5px 0px;
        box-shadow: unset;
    }
    .nav-menu .sub_menu li
    {
        font-size: 14px;
        height: 30px;
        border: none;
    }
    .nav-menu .sub_menu li a{color: #fff;}
    .top_video,.text_b_desktop
    {
        display: none;
    }
    .msite_banner
    {
        display: block;
        width: 100%;
        height: 600px;
    }
    .banner_video
    {
        /*height: 600px;*/
        height: 500px;
    }
    .hero_b_box
    {
        width: 80%;
        left: 5%;
        top: 90px;
    }
    .text_b_msite
    {
        display: block;
    }
    .innner_box
    {
        display: block;
    }
    .wrapper
    {
        width: 100%;
        padding: 0px 15px;
    }
    h3.title
    {
        font-size: 22px;
    }
    #gera_up .left_side p, #jury .left_side p
    {
        padding-right: 0px;
    }
    #gera_up .left_side
    {
        width: 100%;
        padding-bottom:15px;
    }
    .gear_up
    {
        width: calc(100% + 30px);
        margin: 0px -15px;
    }
    #gera_up .left_side p, #jury .left_side p
    {
        font-size: 15px;
        margin-top: 20px;
    }
    #gera_up
    {
        padding-bottom: 0px;
    }
    .gear_up ul li h2
    {
        font-size: 35px;
    }
    .gear_up ul li p
    {
        font-size: 15px;
    }
    #jury
    {
        padding: 15px 0px;
    }
    #jury .right_side
    {
        margin-top: 20px;
    }
    .list_jury
    {
        height: fit-content;
        /* overflow: auto; */
    }
    /* .list_jury::-webkit-scrollbar
    {
        display: none;
    } */
    .list_jury .list
    {
        min-width: 3300px;
    }
    .list_jury .card
    {
        width: calc((100% - 180px)/18);
        margin-bottom: 5px;
    }
    .list_jury .card:nth-child(3n) {margin-right: 10px;}
    @keyframes scrollanim {
        0%   { margin-left:0px; margin-top:0px;}
        100%  { margin-left:-3100px; margin-top:0px;}
    }
    .carousel_list{overflow: auto;}
    .box{width: 140px; height: 180px;}
    .box img{height: 100px; margin-bottom: 10px;}
    /* .previous_btn, .next_btn{display: none;} */
    #tv .box img, #Laptop .box img
    {
        width: 120px;
    }
    .box p
    {
        font-size: 13px;
        height: 55px;
        overflow: hidden;
    }
    .first_row .first_col, .first_row .sec_col,.first_row .thi_col 
    {
      margin-right: 0px;
      margin-bottom: 5px;
    }
    .first_row>div
    {
        width: 100%;
    }
    .first_row,.sec_row
    {
        flex-direction: column;
    }
    .sec_row div
    {
      width: 100%;
      margin-right: 0px;
      height: auto;
      margin-bottom: 5px;
    }
    .footer_banner .banner_area
    {
        flex-direction: column;
        border-radius: 20px;
    }
    .top_area
    {
        height: fit-content;
    }
    .top_area .left_s a
    {
        margin-right: 10px;
    }

    .top_area .left_s{float: unset;margin-bottom: 12px;display: flex;justify-content: space-between;}
    .right_s
    {
        float: unset;
        width: 100%;
        text-align: center;
        margin-bottom: 12px;
    }
    #award{padding-bottom: 10px;}
    .banner_area h2 
    {
        font-size: 25px;
        text-align: center;
        margin-bottom: 10px;
    }
    .banner_area p
    {
        text-align: center;
    }
    .btn_area
    {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .iga-flash 
    {
        margin-bottom: 10px;
    }
    .txt_area
    {
        width: 100%;
        padding: 0px 10px;
        
    }
    .vid_box
    {
        margin-top: 5px;
    }

    #gotop
    {
        right: 10px;
        bottom: 50px;
    }
    .prod_tabs
    {
       width: 100%;
       top: 58px;
    }
    .prod_tabs ul
    {
        overflow: scroll;
        white-space: nowrap;
    }
    .prod_tabs ul li{
        display: inline-block;
        width: 100px;
    }
    h5.subtitle
    {
      width: 100%;
     }
     #iga_flash .previous_btn
    {
      right: 65px; 
    }
    #iga_flash .next_btn
    {
    right: 15px;
     }
 
.prod_tabs ul li
{
    width: 100px;
    height: 62px;
    border: none;
}
.prod_tabs
{
    border-radius: 0px;
    height: 62px;
}
.prod_tabs ul li a
{
    margin-left: 43px;
    margin-top: 10px;
}
.prod_tabs ul li a::before
{
    left: -34px;
    top: 34px;
    font-size: 13px;
    box-shadow: unset;
    border: 0px;
    background-color: unset;
    width: fit-content;
}
.prod_tabs ul li a.phone_icn::before
{
    content: 'Smartphones';
}
.prod_tabs ul li a.tablet_icn:before
{
    content: 'Tablets';
    left: -12px;
}
.prod_tabs ul li a.tv_icn::before
{
    content: 'Televisions';
    left: -23px;
}
.prod_tabs ul li a.laptop_icn:before
{
    content: 'Laptops';
    left: -18px;
}
.prod_tabs ul li a.earbuds_icn:before
{
    content: 'Earbuds';
    left: -16px;
}
.prod_tabs ul li a.wearables_icn:before
{
    content: 'Wearables';
    left: -24px;
}
.prod_tabs ul li a.sos_icn:before
{
    content: 'Mobile SoCs';
    left: -26px;
}
.prod_tabs ul li a.cpu_icn:before
{
    content: 'Laptop CPUs';
    left: -26px;
}

.prod_tabs ul li:first-child,.prod_tabs ul li:last-child
{
  border-radius: 0px;
}
.previous_btn, .next_btn
{
    display:none;
}
.show
{
    display: block;
}
.box .win_tag
{
    width: 45px;
    height: 65px;
    left: 2px;
    top: 2px;
}
    .highlight-yt .iframe_box{
        height:186px;
        width: auto;
    }
    .highlight-yt {
        margin-left: -27px;
        margin-right: -27px;
        width: 100%;
    }
    .bar_d_left{
        width:100%;text-align:left;
        padding-left: 15px;
    }
    .highlight-yt .youtube_btn {
        top: 38%;
        width: 30px;
    }
    .d-none{display: block !important;}
    .m-none{display: none !important;}
    .hightlight-ppl .product_box {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .mid_banner{
        margin: 0 auto 20px;
    }
    .img_row_msite .image-box {
        width: 165px;
        height: 107px;
    }
}
@media (max-width: 360px) {
    .img_row_msite .image-box {
        width: 145px;
        height: 95px;
    }
}