@media screen and (max-width: 1200px) {
body{padding:66px 0 0;}
header{height:66px;}
header .logo{ width:200px;margin: 16px 0 0 2%;}
.link-pages-wrap .link-pages ul li a{ font-size: 15px;padding: 22px 10px;}
.lattest-news a{ height:66px; padding:20px}
.s-hgt .arrow-up{right: 27px;top: -35px;}
.footer-wrap{ width:96%;}
.home-banner li .content-wrap{height:350px; margin:50px auto 0 auto;}
.dotted-line3::after{top: 380px;}


/* ------Start why SBI css ------ */
.mg-btm-190{margin-bottom: 120px !important;}

/* ------Start why SBI css ------ */
.home-slider li img{height:auto;}

}

@media (min-width: 320px) and (max-width: 700px) {
#imp_list{clear: both; }
#fake_alert{width: 80%;}
.marquee {width: 100%;}
#fake_alert{padding: 0 3px;}
.home-banner{margin: 90px;}
.imp_notice h4{font-size: 13px; padding: 6px 3px 7px 3px;}
}

@media (min-width: 320px) and (max-width: 700px) {
.news-wrapper{top : 134px;}
}

@media (min-width: 701px) and (max-width: 1023px) {
.news-wrapper{top : 103px;}
}

@media screen and (max-width: 1100px) {
.line:before{width:76%;}
.line2:before{width:56%;}
.common-content h3{ margin:0 0 15px 0;}
	
}


@media (min-width: 1130px) and (max-width: 1240px) {
.testm-grid li .test-desc h2{ font-size:18px; }
}

@media (min-width: 1024px) and (max-width: 1130px) {
.testm-grid li .test-desc h2{ font-size:16px; }
}


@media (min-width: 767px) and (max-width: 1120px){
.imp_notice{
	left: 0;
	right: 0;
	width:auto;
}

#imp_list {
	float:none;
	width:auto;
}

}


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

header .logo{top: -15px;}
.container{padding:24px 0 0 0;}
 
.join{ max-width:126px;}
.join a{ font-size:24px;}
.banner-content-01{top:0; bottom:auto; width:90%}
.banner-content-01 .text-box .say{ font-size:18px;}
.banner-content-01 .text-box .designation ul li{font-size:15px;}
.banner-content-01 .text-box .designation ul{padding-top: 4%;}
.banner-content-01 .vlm h2{ font-size:30px; line-height:32px;padding:0 2%;}
.banner-content-01 h2{float:none; width:100%; padding:8% 3% 3%}
.banner-content-01 .text-box{width:100%; float:none; min-height:200px;}
.homebxslider .scroll-wrap1{ bottom:10%;}
.banner-content-01 .vlm{ display:inherit}
.banner-content-01 .vlm h2{ display:inherit; padding:20px 5% 65px; width:inherit;}
.banner-content-01 .text-box{ display:inherit;}
	
.home-banner li .content-wrap{height: 250px; margin:45px auto 0 auto;}
.home-banner li .content-wrap .vlm h2{font-size: 40px; line-height:45px}
	
.news-wrapper{width:100%; }
.owl-dots{text-align:right; padding-right:5px;}
	
.hide-mobile{ display:none !important;}
.show-mobile{ display:block !important;}
header .icon-hamburger{top:24px;right:23px; margin:auto; position:absolute; display:block;}	
.link-pages-wrap{height:100%; padding-top:75px; opacity:0; z-index:11; width:100%; position:fixed; top:-100%; bottom:0; left:0; right:0; background:#181818;}	
.lattest-news{width: 100%; text-align:right;}
.lattest-news a{height:50px; padding:14px 20px}
header{height:74px;}
body{padding:74px 0 0;}
header .logo{width:275px;margin:7px 0 0 2%;}

body.hamburger-visible .clm-wrap{ width:100%;}
body.hamburger-visible .footernav{ padding:45px 0 0 30px; overflow-y:auto; max-height:100%;}
body.hamburger-visible .link-pages-wrap .link-pages{height:100%}
body.hamburger-visible .link-pages-wrap .link-pages ul{ margin:0 0 30px 0;}
body.hamburger-visible .link-pages-wrap .link-pages ul li { display:block;}
body.hamburger-visible .link-pages-wrap .link-pages ul li a{color:#999999 !important; padding:0px 10px}
body.hamburger-visible .clm-wrap li{padding: 5px 0;}
body.hamburger-visible .clm-wrap h2{margin: 20px 0;}
.grid-list li{ width:100%; padding:18px 0 100px}
.box-shadow{margin: 0 0 50px;}
.clm1, .clm2{ max-width:100%;}
.clm2{ margin:0;}
.watermark-text2{ text-align:center; margin:30px 0 0 0; background:#fff}
.max-1020{margin-top:-200px;}
.s-fgr{padding:30px 0;}
.mrgn-top90{ margin:0;}

.clm2 .fl{ float:none !important;}
.grid-list{ padding:30px 0 0 0; margin:0;}
.watermark-text{font-size:130px;line-height: normal; margin-top:10px;}
.social-wrap h3{ width:100%; text-align:center;}
.social-list {margin: 28px auto;text-align: center;width: 100%;}
.contact{ float:none; text-align:center; margin:0 0 15px 0;}
.contact span{ width:100%; text-align:center; margin:0; margin:5px 0; display:inline-block;}
.coppywrite{ text-align:center;}
.s-hgt .arrow-up{top: -36px;}
.home-banner{ margin:50px 0 0 0;}
.clm1 .circle-left-icon, .clm2 .circle-right-icon{ display:none;}

.footer-wrap{margin:0 auto; padding:0; border:0;}



.clm1,
.clm2{float:none}


/*----- Text Scroller -----*/
.simply-scroll-list_bg{top: 100%;}
.simply-scroll-list_bg h4{ font-size: 13px; font-weight: bold; padding: 10px; width: 18%;}
.simply-scroll-container{width: 82%;}
.vert{height: 38px;}
.vert .simply-scroll-clip{height: 33px;}
.simply-scroll-list{ padding: 0 5px;}
.simply-scroll-list_bg , .vert .simply-scroll-clip, .simply-scroll-list, .simply-scroll-list li{width: 100%;}
.bx-wrapper .bx-viewport{top: 20px;}



/* ------Start why SBI css ------ */

.watermark-heading{font-size: 80px;line-height: 65px;}
.common-content .sub-heading{margin:-30px 0 0 0;}
.width684, .width715, .width400, .width315, .width530, .width620{ width:100% !important}
.content-block.fl{ float:none !important; display:inline-block;}
.image-block.fr{ float:none !important; display:inline-block; text-align:center;}
.content-block p {font-size:16px;line-height:28px;margin: 0 0 30px;}
.image-block{ margin:20px 0;}
.width800{ width:100% !important;}


/* ------Start why SBI css ------ */


.categ-grid li{ width:96%}
.action-wrap .btn-grid li{ width:45%}
.categ-grid li p{ max-height: 196px; min-height: inherit;}
.categ-grid{margin: 15px 0 0}
.half, .clm3{ width:100% !important;}
.mg{ margin:35px 0 14px !important}
.space{ margin:0}

/*<........18April........>*/
.cd-timeline-content {width:90%;height: auto;max-height: 100%;}
.image-wrap {min-width:initial;max-width:initial;display:inline-block;max-width:auto;min-width:auto;overflow:hidden;text-align: center;vertical-align: top;width: 100%;}
.image-wrap img{width: 100%; max-width:220px;}
.bio-wrap {display: inline-block;padding: 15px 2% 0 3%;text-align: center;}
.scroll{ max-height:255px;}
.fullscreen{ height:auto; width:96%;}
.categ-grid-clm4 li{width:100%;display:inline-block;}
.categ-grid-clm3 li {width:100% !important; display:inline-block;}
.content-list li{width: 96% !important;}
.colum1{display: inline-block;width: 100%;margin: 0 0 30px;}
.block-half {display: inline-block;vertical-align: top;width: 100% !important;}
.mtop{ display:table-header-group; position:relative;}
.mbtm{ display:table-cell;}
.testimonial .content-row .testm-image img{ min-height:auto;}
.testimonial .content-row .test-desc p{ height:auto; margin:0 0 50px 0;}
.testimonial .content-row .ccurve-right-greay::before,.testimonial .content-row .ccurve-left-greay::before{border-color: transparent transparent #e2e2e2;bottom: 100%;left:10%;z-index: 1;}
.testimonial .content-row .ccurve-top::before{ left:10%;}
.testimonial .content-row .ccurve-left-yellow::before{border-color: transparent transparent #fad922;bottom:99.5%;left:10%;z-index: 1;}
.line::before, .line2::before{width: 85%;}
.carousel-banner{ background:none;}
.carousel-slider{ width:100%; margin:0px; background:#0094da;}
.content-panel{ top:0; position:relative; width:100%; padding:0 20px 0 0; background:#0094da url(../images/backbg2.jpg) no-repeat left top;}
.bx-controls-direction{bottom: 75px;right: -10px; left:inherit}
.content-panel .slid-content li{padding: 20px 0 0;}
.footer-index + #footer-content .footer-wrap{border-top:0px solid #666}

.leader-grid li{ float:left; width:50%; display:block;}

.testm-grid{ margin:0 auto;}
.testm-grid li{ width:49%; margin:0 0 18px 0;}
.testm-grid li:nth-child(1){float:left;}
.testm-grid li:nth-child(2){float:right;margin-left:0; }
.testm-grid li:nth-child(3){float:left;margin-left:0;}
.testm-grid li:nth-child(4){float:right;}
.homebxslider .scrollbtn{ background-size:50px auto;}
.homebxslider .scroll-wrap1 p{ margin:0;}
}


@media screen and (max-width: 768px) {
.banner-content-01 .text-box{padding: 3% 2%;}
.banner-content-01 .text-box .designation ul{padding-top:7%;}
.banner-content-01 .text-box{min-height: 200px;}
header .logo{ position: absolute; left:10px;}
.scroll-wrap p{display:none}
.footernav{ z-index:0;}
.contentslider li{ width:388px !important;}
.clm1, .clm2{margin: 0 auto  50px auto;max-width: 96%;text-align: center; float:none;}
.home-banner li .content-wrap{height:210px;width: 520px;}
.home-banner li .content-wrap .vlm h2{font-size:48px;padding:0 0 30px;}
.home-banner li .content-wrap .scrollbtn{ background: rgba(0, 0, 0, 0) url("../images/scroll-btn.png") no-repeat scroll center center / 50px auto;}
.dotted-line3::after{bottom: 1px;top: 282px;}
.dotted-line2::after{bottom: -20px;}
.max-1180{padding: 0 30px;}
.container{padding:74px 0 0 0;}

.homebxslider .dotted-line2::after{bottom:-180px}

/*----- Text Scroller -----*/
.simply-scroll-list_bg h4{ font-size: 13px; font-weight: bold; padding: 2px; width: 15%;}
.simply-scroll-container{width: 85%;}


/* ------Start why SBI css ------ */

.common-content .sub-heading{margin:-20px 0 0 0;}
.mg-btm-80 {margin-bottom: 50px !important;}
.mg-btm-190 {margin-bottom: 70px !important;}
.watermark-heading {font-size:50px;line-height:45px;margin: 40px 0 0;}
.common-content .sub-heading{font-size: 40px;}
.common-content .heading{font-size: 40px;}
.mg-btm-105 {margin-bottom: 50px !important;}

.zoom{display: inline-block; background: url(../images/zoom.png) no-repeat center / 20px auto; width:40px; height:40px;left:3px; bottom:3px; }
.zoom2{display: inline-block;background: url(../images/zoom.png) no-repeat center / 20px auto;}

/* ------End why SBI css ------ */
.accordion-open h2, .accordion-close h2{font-size: 16px;}
.accordion-open p, .accordion-close p{ width:90%; font-size: 16px;}
.accordion-open p.f13, .accordion-close p.f13{font-size:12px;}
.text-link li a{font-size:14px;}
div.accordion-content p{font-size:15px;}
.accordion{padding: 10px 15px;}
.search-wrapper form .field .fixwdth {border-bottom: 1px solid #ccc;display: inline-block !important; width: 100% !important;}
.search-wrapper form .dropdown{ width: 100%;}
.searchbtn{ width:100%;}
.search-wrapper form .field .ff-wrapper select{ height:50px !important;font-size:14px;}
.search-wrapper form .field .dropdown.field .ffwrapper::after{ bottom:15px}
.flag {background: url("../images/flag.png") no-repeat scroll left center / 12px auto;}
.search-wrapper form .field .ff-wrapper input{height:50px !important;padding: 0 10px 0 50px; font-size:14px;}
.search-wrapper .icon-search {background:url("../images/search-icon.png") no-repeat scroll center  / 21px auto;}
.searchbtn{height:50px}
.searchbtn a{ padding:14px 0;}

.tabs .tab-links ul li a{ font-size:16px;}
.tabs .tab-links ul li{padding: 0;}

div.accordion-content p strong{font-size:16px;}
.large {font-size: 18px !important; padding: 14px 60px !important;}

.table-grid table thead th{font-size:16px;}
.table-grid table td{font-size: 13px;line-height: 22px}
.table-grid table thead th{padding: 20px 10px;}
.table-grid table td{padding:10px;}
form h2{font-size: 16px;}
.field label {font-size: 15px;margin: 20px 0 10px;}
.field .ff-wrapper input, .field .ff-wrapper select{ height:45px;}
.ui-datepicker-trigger{right: 10px;top: 10px;}
form h2{font-size: 14px;}

.mg-btm-70{margin-bottom: 35px !important;}

/*<........18April........>*/
.cd-date{ padding-left:43px}
.cd-timeline-img.cd-picture{ left:26%; top: 9%; width:25%;}
.cd-timeline-img.cd-picture.left-align{ left:5% !important}
.grid-life{ padding-top:100px}

.common-content h3{font-size: 18px;margin: 0 0 15px;}
.max700{margin: 0 0 10px;}

.categ-grid-clm4 li {width:100%;}
.categ-grid-clm3 li {width:100% !important;}
.content-list li{ margin:10px 0; }
.categ-grid-clm3 li h3{ min-height:auto;}
.you-image{ background:url("../images/chairmen-pic.jpg") no-repeat scroll 20% top / cover ;min-height: 400px;}
.you-image .desc{max-width: 325px;}
img.bg {left: 50%;margin-left: -612px;}

.line::before, .line2::before{width:80%;}

.carousel-slider .bx-wrapper img{min-height: auto !important;}
.home-banner .curve{ height:65px;}

.white-space{ height: 120px;}
.top-brackets,.bottom-brackets{ background-size:85px auto;}
}

@media screen and (max-width: 700px) {
.home-banner li .content-wrap{width:420px; height:160px;margin:20px auto 0 auto;}	
.home-banner li .content-wrap .vlm h2{font-size:33px; line-height:34px}

.banner-content-01 h2{font-size:28px !important; line-height:28px !important;}
.banner-content-01 .text-box{padding:10px;}


.dotted-line3::after{ top:240px;}
.video-popup{height: 450px;}

.homebxslider .scrollbtn{background: url("../images/scroll-btn.png") no-repeat scroll center center / 50px auto;}
.bx-wrapper img {min-height: 420px !important;}
.homebxslider .scroll-wrap1 p {margin:0;}

}


@media screen and (max-width: 640px) {
.home-banner{min-height:270px;}
.watermark-text{font-size: 80px;}
.margin-top-40neg{margin-top:-50px !important}
.contentslider li{ width:315px !important;}
.dotted-line3::after{bottom: 1px;top: 200px;}
.home-banner li .content-wrap{border: 5px solid #0094da; width:420px; height:165px;margin:20px auto 0 auto;}
.home-banner li .content-wrap .vlm h2{font-size:30px; line-height:34px}
footer h2{font-size: 40px;}
.max-630{ padding:0 5px 20px}

/* ------Start why SBI css ------ */
.zoom{display: inline-block; background: url(../images/zoom.png) no-repeat center / 20px auto; width:40px; height:40px;left:3px; bottom:3px; }
.mg-btm-50{ margin-bottom:40px !important}


/*<........18April........>*/

.cd-timeline-img.cd-picture{ left:28%; top: 9%; width:25%;}
.cd-timeline-img.cd-picture.left-align{ left:7% !important}
/* ------End why SBI css ------ */


.grid-life li .rotate-box {height:220px;width: 220px}
.grid-life li p{padding-top: 70px; font-size: 16px;}
.grid-life li h1{font-size: 40px;}

.you-image{ background:none; min-height:auto;}
.chairman{ display: inline-block;}
.you-image .desc{ position:relative; max-width:100%;}
.youtubeicon::before{width:60%;}

.bio-wrap p{ font-size:16px; line-height:26px;}
.bx-wrapper .bx-controls-direction a{ height:32px;}
.carousel-banner .bx-prev{background-size:39px auto !important;left: -90px !important;}
.carousel-banner .bx-next {background-size: 40px auto !important;}
.bx-wrapper .bx-controls-direction a{ width:41px !important;height:39px !important;}
.bx-controls-direction {bottom:50px;right:0;}
.bx-wrapper .bx-controls-direction a.disabled.bx-prev{ left:-91px !important;}

.categ-grid-clm4, .categ-grid-clm3{border-spacing: 10px;margin:0 auto 15px auto;}

.leader-grid li{ width:100%; margin:0 0 20px 0;}
.testm-grid li{ width:100%;}


}
@media screen and (max-width: 480px) {
header .logo{width: 200px; left:0; top: 0px;}

.social-list li{ margin:0 0 25px 0;}	
.home-banner li .content-wrap{top:-0px;width:370px; height:155px;}
.home-banner li .content-wrap .vlm h2{font-size:27px; line-height:28px;}
.scroll-icon{background: rgba(0, 0, 0, 0) url("../images/scroll-down-icon.png") no-repeat scroll center center / 50px auto;}
.common-wrap h3{font-size: 40px;}
.common-wrap h3{font-size:24px;}
.black{ margin:-10px 0 0 !important}
.watermark-text2{ font-size: 46px;}
.watermark-text2 img{ width:40%;}
.table-grid table thead th{font-size: 11px; padding: 16px 5px;}
.table-grid table td{font-size: 11px;line-height: 18px;padding: 5px;}
div.accordion-content p {font-size: 13px; line-height:20px}
.max-631 {margin: 0 0 10px;}
.max-631 strong{font-size: 13px !important;}


/*----- Text Scroller -----*/
.simply-scroll-list_bg h4{ width: 23%;}
.simply-scroll-container{width: 77%;}


/* ------Start why SBI css ------ */

.watermark-heading {font-size: 40px;line-height: 35px;margin: 35px 0 0;}
.common-content .sub-heading {margin: -15px 0 0 0; font-size:30px;}
.common-content .heading{ font-size:30px;}
.scroll-up-icon{background: url("../images/scroll-up-icon.png") no-repeat scroll center center / 50px auto;}
./* container{padding:74px 0 0 0;} */
.zoom{display: inline-block; background: url(../images/zoom.png) no-repeat center / 20px auto; width:40px; height:40px;left:3px; bottom:3px; }

.categ-grid li p{ padding:0 4%}

/*<........18April........>*/

.cd-timeline-content { width: 100%;height: auto; max-height: 100%;}
.rotate-boxex_left { top: 0; left: 0; right:0; bottom:0; position:relative}
.rotate-boxex_right { top: 0; left: 0; right:0; bottom:0; position:relative}
.paad-left{ padding-left:0 !important; text-align: center;}
.paad-right{ padding-right:0 !important;  text-align: center;}

.cd-timeline-img.cd-picture {left: 0; right: 0; text-align: center;top: 178px; margin:auto}
.cd-timeline-content p{ font-size:14px}
 .cd-date{padding-left:15px}

/* ------End why SBI css ------ */

.common-wrap p{ font-size:15px; line-height:24px;}
.image-wrap img{ max-width:150px;}
.line::before, .line2::before{ width:70%;}
.white-space{ height:50px;}
.testm-grid li .test-desc p{ height:105px;}
.testm-grid li .test-desc .seprate{ padding:30px 0 0 0;}
}


@media screen and (max-width: 391px) {
.banner-content-01 .text-box .say{ font-size:16px; line-height:18px;}
.banner-content-01 .text-box .designation ul li{ font-size:12px;}
.home-banner { min-height: 245px;}
.home-banner li .content-wrap .scroll-wrap p { margin: 0 0 -8px;}
.dotted-line3::after {bottom: 1px;top: 160px;}
.social-list li{ width:25%;}

/* ------Start why SBI css ------ */

.watermark-heading {font-size: 35px;}

/* ------End why SBI css ------ */

.content-video li h2{ font-size:18px;}
.content-video li h2 span{ font-size:11px;}
.content-video li p{font-size:16px;}
.youtubeicon::before{ width:35%;}
.line::before, .line2::before{ width:65%;}


}
@media screen and (max-width: 360px) {
header .logo{width: 200px; left:0;}

.home-banner li .content-wrap{height: 140px;width: 280px;}
.home-banner li .content-wrap .scroll-wrap p{margin: 0 0 -9px; font-size:10px;}
.dotted-line3::after{top: 160px;}
.watermark-text {font-size: 60px;line-height: 90px;}
footer h2 {font-size: 30px;}
.max-1180{padding: 0 20px;}	
.max-width-315 {max-width: 260px;}
.mg-btm-105{ margin-bottom: 20px !important;}

.zoom{display: inline-block; background: url(../images/zoom.png) no-repeat center / 20px auto; width:40px; height:40px;left:3px; bottom:-5px; }

.home-banner li .content-wrap .vlm h2{padding:0 0 30px;}

/* ------Start why SBI css ------ */

.watermark-heading {font-size:32px;line-height: 33px;}
.content-block p {font-size: 14px;line-height: 25px; margin: 0 0 25px;}
.mg-btm-80 {margin-bottom: 35px !important;}

/* ------End why SBI css ------ */

.tabs .tab-links ul li a{ padding: 14px 8px; font-size: 15px;}
.mgtb70{margin: 20px 0 !important;}

/*<........18April........>*/
.grid-life li .image-wrap{top: -90px;}
.grid-life li .rotate-box {height:160px;width:160px}
.grid-life li p{padding-top:35px; font-size:12px; width:100%;}
.grid-life li h1{font-size:30px; padding:0;}
.cd-timeline-img.cd-picture{width: 36%;}
.scroll{ max-height:250px;}
}

@media screen and (max-width: 320px) {
header .logo{width: 200px; left:0;}
body.hamburger-visible .footernav{ margin:20px 0 0 0}
body.hamburger-visible .link-pages-wrap .link-pages ul{ margin:0 0 10px 0;}


/* ------Start why SBI css ------ */

.watermark-heading {font-size: 30px;line-height: 30px;}
.max-1180{padding: 0 15px;}
.common-content .sub-heading, .common-content .heading{font-size:26px;}
.mg-btm-46{margin-bottom: 30px !important;}
.box-shadow{margin: 0 0 35px;}

/* ------End why SBI css ------ */

.tabs .tab-links ul li a{ padding: 14px 6px;}
.line::before, .line2::before{ width:60%;}

.imp_notice{
	top: 100%;
	left: 0;
	right: 0;
}


}