@media (min-width: 1920px) and (max-width: 2560px) {



}

@media (min-width: 1600px) and (max-width: 1919px) {



}


@media only screen and (min-width: 1400px) and (max-width: 1599px) {


}

@media only screen and (min-width: 1200px) and (max-width: 1399px)  {
    .common-container {width: 1170px;}
    #kotak811 .ranviber {
        transform: translate(73px, 0px);
    }
    /* #banner .man-running img {
        width: calc(92% - 23%);
    } */

    #spoitlite {background-position: -210px top;}
    .ssopitliteSlide  { margin-top: 30px; }
    #spoitlite .swiper-slide .spolitebox {height: 420px;}

}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2)
{
.row { margin: 0px; }
.common-container { padding: 0px 15px; }

}




/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1199px) and (orientation: landscape)
{
.row { margin: 0px; }
.common-container { padding: 0px 15px; }
#businesssegment .busienessBox p { font-size: 14px; line-height: 20px; }
#businesssegment .busienessBox .businesstitle h3 {font-size: 18px;line-height: 25px;}
#spoitlite .swiper-slide .spolitebox {height: 520px;}
#spoitlite .ssopitlite h3 {font-size: 22px;}
#kotak811 .ranviber {
    transform: translate(-20px, 0px);
}

}

/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)

{
    .row { margin: 0px; }
    .common-container { padding: 0px 15px; }

    #banner { text-align: center; height: auto; padding-top: 80px; }
    #banner .bannerdesc { width: 100%; }
    #banner .bannerdownload { position: relative; width: 100%; margin-top: 20px; }
    #banner .man-running { position: relative; left: 0px; top: 0px; }
    #banner .man-running img { width: 100%; }
    #banner h3 {margin-left: 0;font-size: 50px;}
    #banner h2 {font-size: 46px;}
    #about-us {padding-top: 40px;}
    #about-us .about-left {padding-right: 0;}
    #about-us .about-right { padding: 15px; margin-top: 20px; }
    #chairman .udaykotak { background-image: none; background-color: #3F586E; height: auto; }
    #chairman .udaykotak .chairmanleft { width: 100%; display: block; padding: 20px; margin-left: 0px; }
    .bigtitle {margin-left: 31px;}
    .bigtitle span {font-size: 42px;}
    #businesssegment .swiper-button-next, #businesssegment .swiper-button-prev {
        top: 34%;
    }
    #businesssegment .bussinessSlider {
        margin-top: 130px;
    }

    #keyperfromance {padding-top: 30px;}
    #keyperfromance #keyperfromanceTabContent {padding: 0px; margin-top: 20px; }
    #keyperfromance .nav-link { font-size: 16px; }
    #keyperfromance #Profit .tabsleft { margin-top: 10px; }
    #keyperfromance .tabsleft { height: auto; margin-bottom: 20px; }
    #spoitlite {padding-top: 30px;}
    #kotak811 {padding-top: 30px; padding-bottom: 30px; }
    #kotak811 .bigtitle { margin-left: 0px; }
    .ranviber img { width: 100%; }
    #kotak811 .ranviber {
        transform: translate(0px, 0px);
    }
    #kotak811 .kotak811right {padding: 13px;}
    #strategy {padding-top: 20px;}
    #strategy .stratgyright h5 a { color: black; font-size:16px; padding-right: 35px; display: block; }
    #strategy .stratgyright .tab-pane {  background-image: url(../images/chevron-down.svg); background-position:right 5px; background-repeat: no-repeat;  }
    #strategy .stratgyright .tab-pane.active { background-image: url(../images/chevron-up.svg); background-position:right 5px; background-repeat: no-repeat;}
    #esgoverview {padding-top: 30px;}
    #esgoverview .bigtitle { margin-bottom: 30px; }
    #valstake .valstakebox {padding: 40px 20px; margin-bottom: 30px; height: auto; }
    #awards {padding-top: 30px;}
    #awards .awardsbox { margin-bottom: 10px; height: auto; }
    #awards .awardsbox .neo { position: relative; }
    #downloadCenter {padding-top: 30px;}
    #Subsidiaries {padding-top: 0;}
    #keyperfromance .readmore { position: relative; left: 0px; top: 0px; margin-top: 20px; }
    .kotaklogo img { width: 112px; }
    #header .downloadreport a {font-size: 14px;background-position: left center;padding-left:0px;padding-right: 0px; background-image: none; font-size: 12px; padding-top: 7px; line-height: 16px; }
    #header .downloadreport {top: -2px;right: 56px;}

    .w-50 { width: 100% !important; }
    .innerviewport { padding-bottom: 0px !important; }
    .bread-wrp {margin-top: 56px;}
    #inner-pages {
        margin-top: 20px;
    }
    .uday-kotak { margin-bottom: 20px; }

    #nav-icon1 {margin: 0px auto !important;}
    .ui-state-default {font-size: 20px;}
    .Tablestyle1 { overflow: scroll; width: 98%; margin: auto; }
    }


/* Extra small */
@media (min-width: 320px) and (max-width: 767px)

{
.row { margin: 0px; }
.common-container { padding: 0px 15px; }

#banner { text-align: center; height: auto; padding-top: 80px; }
#banner .bannerdesc { width: 100%; }
#banner .bannerdownload { position: relative; width: 100%; margin-top: 20px; }
#banner .man-running { position: relative; left: 0px; top: 0px; width: 100%; }
#banner .man-running img { width: 100%; }
#banner h3 {margin-left: 0;font-size: 50px;}
#banner h2 {font-size: 46px;}
#about-us {padding-top: 40px;}
#about-us .about-left {padding-right: 0;}
#about-us .about-right { padding: 15px; margin-top: 20px; }
#chairman .udaykotak { background-image: none; background-color: #3F586E; height: auto; }
#chairman .udaykotak .chairmanleft { width: 100%; display: block; padding: 20px; margin-left: 0px; }
.bigtitle {margin-left: 31px;}
.bigtitle span {font-size: 42px;}
#businesssegment .swiper-button-next, #businesssegment .swiper-button-prev {
    top: 32%;
}
#businesssegment .bussinessSlider {
    margin-top: 130px;
}

#keyperfromance {padding-top: 30px;}
#keyperfromance #keyperfromanceTabContent {padding: 0px; margin-top: 20px; }
#keyperfromance .nav-link { font-size: 16px; }
#keyperfromance #Profit .tabsleft { margin-top: 10px; }
#keyperfromance .tabsleft { height: auto; margin-bottom: 20px; }
#spoitlite {padding-top: 30px;}
#kotak811 {padding-top: 30px; padding-bottom: 30px; }
#kotak811 .bigtitle { margin-left: 0px; }
.ranviber img { width: 100%; }
#kotak811 .ranviber {
    transform: translate(0px, 0px);
}
#kotak811 .kotak811right {padding: 13px;}
#strategy {padding-top: 20px;}
#strategy .stratgyright h5 a { color: black; font-size:16px; padding-right: 35px; display: block; }
#strategy .stratgyright .tab-pane {  background-image: url(../images/chevron-down.svg); background-position:right 5px; background-repeat: no-repeat;  }
#strategy .stratgyright .tab-pane.active { background-image: url(../images/chevron-up.svg); background-position:right 5px; background-repeat: no-repeat;}
#esgoverview {padding-top: 30px;}
#esgoverview .bigtitle { margin-bottom: 30px; }
#valstake .valstakebox {padding: 40px 20px; margin-bottom: 30px; height: auto; }
#awards {padding-top: 30px;}
#awards .awardsbox { margin-bottom: 10px; height: auto; }
#awards .awardsbox .neo { position: relative; }
#downloadCenter {padding-top: 30px;}
#Subsidiaries {padding-top: 0;}
#keyperfromance .readmore { position: relative; left: 0px; top: 0px; margin-top: 20px; }
.kotaklogo img { width: 112px; }
#header .downloadreport a {font-size: 14px;background-position: left center;padding-left:0px;padding-right: 0px; background-image: none; font-size: 12px; padding-top: 7px; line-height: 16px; }
#header .downloadreport {top: -2px;right: 56px;}

.w-50 { width: 100% !important; }
.innerviewport { padding-bottom: 0px !important; }
.bread-wrp {margin-top: 56px;}
#inner-pages {
    margin-top: 20px;
}
.uday-kotak { margin-bottom: 20px; }
#businesssegment .busienessBox {height: 430px;}
.strategicdrivers .w-75 { width: 100% !important; margin-top: 30px !important; }
.strategicdrivers.p-4 { padding: 10px!important; }
.sky-bg.p-4 { padding: 0px!important; }
.sky-bg { margin-top: 10px; }
.ui-state-default {font-size: 20px;}

.Tablestyle1 { overflow: scroll; width: 98%; margin: auto; }
.awardstitle {padding-right: 100px !important; margin-top: 20px; }

.awardspage .mt-5 {
    margin-top: 0rem!important;
}
.awardspage .mb-5 {
    margin-bottom: 0rem!important;
}

#spoitlite .swiper-slide .spolitebox {height: 450px;}

#valuectration {padding-top: 30px;}
#valuectration .mt-5 {
    margin-top: 7rem!important;
}

#valuectration .swiper-button-next, #valuectration .swiper-button-prev {
    top: 15%;
}

}