@charset "utf-8";
::-moz-selection { background: #ffef1f; color:black;}
::selection { background: #ffef1f; color:black; }
p { font-size:16px;	line-height:25px;}

.center-bangalore {background: #ffef1f; border: 0px; padding: 20px 0px; }
.center-bangalore p  {margin: 0; font-size: 27px !important; font-weight: 500; text-align: center;}
.font26	{ font-size:26px; }
.aligntext	{ text-align:left;}
.bluebg	{ background-color:#b7e7fa; }
.navbar-brand { width: 25%; padding: 0px; }
.navbar {background:#ffef1f !important; }
.footer, .footer .navbar {background:#333 !important; }
li.nav-item p, li.nav-item span {color: #ffef1f; font-size:16px !important;}
li.nav-item span {display: inline-block; position: relative; top: -29px;}
li.nav-item .social-icon { position: relative; top: -27px; vertical-align: unset;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {font-weight:bold;}
.logo { width:22%; position:relative; left:65px}
.navbar-light .navbar-toggler-icon {  background-image: none; }
.navbar-light .navbar-toggler-icon .fa {color:#fff; font-size:30px;}
.navbar-light .navbar-toggler {background:#000;}
.navbar-light .navbar-nav .nav-link {  color:#000; font-size:17px; margin: 0px 3px; position:relative;}
.navbar-light .navbar-nav .nav-link:before{position:absolute; bottom:0; left:50%; content:""; width:0; height:2px; background:#000; transition:0.5s all;}
.navbar-light .navbar-nav .nav-link:hover:before{left:0; width:100%; transition:0.5s all;}
.navbar-light .navbar-nav .nav-link.active:before{left:0; width:100%; transition:0.5s all; }
.navbar-light .navbar-nav .nav-link.active {font-weight:bold;}
li.nav-item { position: relative; }
li.nav-item:after {  position: absolute; top: 10px; right: 0;  content: ""; width: 1px; height: 20px; background: #4e4e4e; }
li.nav-item:last-child:after { width: 0px;}
li.nav-item.dropdown.show .nav-link {background:#101010; color:#fff; font-weight: normal;}
.dropdown-menu { background-color: #101010 !important; min-width: auto!important; margin:0 10px!important; padding:0!important; border-radius: 0!important; border: 0!important;} 
.dropdown-item {color: #ffffff ; padding: 12px 15px!important; border-bottom: 1px dashed rgba(121, 121, 121, 0.5803921568627451)!important;}
.dropdown-toggle::after {border-right: 3px solid transparent; border-bottom: 0; border-left: 3px solid transparent; vertical-align: middle;}
.carousel-control-next, .carousel-control-prev { width: 4%; }
.desktop-carousel .carousel-item { height: 500px !important; }
.carousel-control-next-icon, .carousel-control-prev-icon { width: 35px; height: 35px;  background: #f9d452 no-repeat center center; background-size: 20px;  border-radius: 50px; font-size: 23px; font-family: 'Acme', sans-serif;  font-weight: bold;}
.banner1 {background-image:url(../images/interest-in-web-design.jpg); background-position: center; background-size:cover;}
.banner2 {background:url(../images/uxui-career-growth.png), #000; background-position:121%; background-size:65% 560px; background-repeat:no-repeat; color: #fff; }
.banner3 {background:#f1f1f1;}
.banner4 {background:#4E4E4E;}
.design-workflow {width:auto !important;}
.career-scope img {width:63%;}
.banner4 .banner-content .banner-left-content {width:50% !important;  }
.banner4 .banner-content .banner-right-content {width:50% !important; position:relative;}
.banner4 .banner-content .banner-right-content img {width:93%; position:absolute; top:0px; left:0px;}
.banner3 .banner-content { padding: 25px 0px 30px 80px; }
.banner3 .banner-content .banner-left-content {width:20% !important; padding: 90px 0px; }
.banner3 .banner-content .banner-right-content{width:80% !important;}
.banner3 .banner-content .banner-right-content p { font-size:16px; line-height:19px;}
.img-stud-1 { width:25%; float:left; position:relative; top:40px;}
.img-stud-1:nth-of-type(2) { width:20%; top:15px;}
.img-stud-1:nth-of-type(3) { width:30%; padding-left: 10px;}
.img-stud-1:nth-of-type(4) { top:15px;}
.banner-content { padding: 35px 80px 30px; }
.banner-content p {margin-bottom:5px;}
.banner-content .form-content p:nth-of-type(2) {font-size:20px !important;}
span.error { color: #fd8484;  display: block; margin-bottom: 10px;  font-size: 14px; }
.carousel-item span.error {margin-top:-10px;}
.desktop-carousel p.intro-line { font-size: 22px; margin-bottom: 25px; font-weight: 500;}
.banner-content .banner-left-content, .banner-content .banner-right-content {width:50% !important; float:left}
.banner1 .banner-content .banner-right-content img { width: 115%; position: relative; top: 69px; left: -88px; }
.carousel-indicators li {     width: 7px; height: 7px;  background-color: #000; }
.carousel-indicators .active { background-color: #ffac00; }

.banner-content form {  margin-top: 12px; }
.banner-content form input { display: block;   margin-bottom: 10px;  border-radius: 3px;  padding: 5px; background: #fff; border: 1px solid #fff;  width: 100%; }
.banner-content form input::placeholder {color:#6c757d;}
.banner-content form input[type="button"], .banner-content .form-content p  { text-align: center; }
.banner-content .form-content {width:40%; position:relative;}
.banner1 .form-content p {color:#fff !important;}
.banner-left-content .form-content p {margin-bottom:0px !important;}
.banner-content form input[type="button"] {    background: #f4c00d;  color: #000; font-weight: 500; border:1px solid #FFEF1F;}
.banner1 p, .banner1 h4 {color:#fff !important;}
.banner1 h4 {font-size:25px !important;  color:#ffef1f !important; font-weight:normal;}
.banner1 h2 {color:#ffef1f !important;}
.banner2 .banner-content .form-content { width: 25%;  position: relative; }
.banner2 h2 { margin: 0; color: #FFEF1F;   padding: 15px 15px 5px 79px;  width: 55%;  position: relative;  left: -80px; font-weight: bold; }
.banner2 h4 { margin: 0; color: #fff;   padding: 0px 15px 20px 79px;  width: 75%;  position: relative;  left: -80px; font-size:24px !important; font-weight:normal; }
.banner4 h4 { margin: 0;  padding: 10px 15px 20px 79px;  margin-bottom:20px; width: 100%;  position: relative;  left: -80px; font-size:24px !important; font-weight:500; }
.banner2 .form-content .pdf-uxui { position: absolute; right: -75%; background: #FFEF1F; color: #000; padding:6px 10px; bottom: 110px; text-decoration:none; border-radius: 3px; font-size:15px; font-weight:600; }
.banner2 .form-content .view-uxui i {font-size: 21px; vertical-align: middle; margin-right: 7px;}
.banner2 .form-content .view-uxui { position: absolute; right: -75%; background: #FFEF1F; color: #000; padding:6px 10px; bottom: 65px; text-decoration:none; border-radius: 3px; font-size:15px; font-weight:600; }
.banner4 .form-content .view-uxui { position: absolute; right: -75%; background: #f4c00d; color: #000; padding:6px 10px; bottom: 70px; text-decoration:none; border-radius: 3px; font-size:15px; font-weight:600; }
.banner3 .banner-left-content p, .banner4 .banner-left-content p { font-size: 20px; line-height: 30px; margin-bottom:10px; }
.banner3 h2 { font-size: 45px; }
.carousel .view-placement { background:#ffef1f; color: #fff; padding: 10px; display: inline-block; border-radius:3px; text-decoration:none;}
.banner4 h2 { color: #f4c00d; font-size: 40px; margin-bottom:0px;}
.banner4 .placement-div .view-placement {background: #ffef1f; color:#000;}
.banner4 a.call-now {  display: block;  position: absolute;  bottom: 100px;  font-size: 20px; color: #fff; text-decoration: none;  pointer-events: none; }
.banner2 .banner-content .form-content { width: 20%; position: relative; }
.banner5 .banner-left-content {width:38% !important;}
.banner5 .banner-right-content {width:62% !important;  position:relative; padding-left:20px;}
.banner5 a.virtual-btn { position: absolute; bottom: 4px; left: 50%; }
.banner5 .banner-left-content img {margin-top:0px;}
.banner5 .banner-right-content h1 { margin-bottom:15px; font-size:50px;}
.banner5 .banner-right-content h2 {margin-top:85px; font-size:39px; margin-bottom:15px;}
.banner5 .banner-right-content h3 {font-size:32px; margin-bottom:15px;}
.banner5 .banner-right-content h4 {font-size:25px;}
.require-slide .banner-right-content a {background: #eead33; color: #000; font-size: 17px; font-weight: bold; padding: 10px; display: inline-block; border-radius: 3px; text-decoration: none; margin:20px 0px 10px;}
.require-slide h2 {margin-top:60px !important;}
.require-slide .banner-right-content {padding-left:25px;}
.banner5 .banner-right-content a.course { background: #f4c00d; color: #fff;padding: 10px; display: inline-block; font-size: 18px; font-weight: bold; border-radius: 5px; margin-top: 15px; text-decoration:none; }
.graph-ux {display:inline-block; margin-left:20px; width:31%; vertical-align: super;}
.banner5 .edit-live-logo {width:20%; margin-top:15px;}
.courses-wrap p.cousre-description { font-size:15px; line-height:25px; padding: 0px 0px;}
.courses-wrap .btn-warning {border-radius:5px;}
.wrapper {padding: 0px 60px;}
.courses-wrap img {width:23%;}
.ux-img, .graphic-img {width: 90% !important;}
.test-gallery .stud-1-test {padding:40px 15px 40px 25px;}
.info-wrap .cousre-description  {padding:0px 25px;}
.graphic-info, .ux-img-wrap  {text-align:right;}
.graphic-img-wrap {text-align:left;}
 .ux-img-wrap {  margin-bottom:20px;}
.course-title { font-size: 25px; margin: 0 0 5px; }
.outer-wrap {width:90%; margin:0 auto;}
.outer-wrap img {width:100%; }
.slick-prev:before, .slick-next:before {font-family: 'Nanum Gothic', sans-serif !important; }
.slick-next:before { content: '>' !important;}
.slick-prev:before { content: '<' !important;}
.footer li.nav-item:after {width:0px;}
.footer a {color:#fff !important;}
.clear {clear:both;}
#thank_popup {position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6196078431372549); display: none;}
#thank_popup .thank_bg { width: 50%;  height: 300px; background: #fff; margin: 0 auto;  top: 30%; position: relative; padding: 20px; text-align: center;}
#thank_popup .thank_bg .close { text-align: right;  font-size: 30px;}
#thank_popup .thank_bg h2 { font-size: 30px; margin: 40px 0px;}
#thank_popup .thank_bg h3 {font-size: 20px; padding: 0px 60px; line-height: 25px;}
#thank_popup .thank_bg .close .fa {cursor: pointer;}


#return-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px;  -moz-border-radius: 35px;  border-radius: 35px; display: none;  -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:999999999;}
#return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 12px; font-size: 19px;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -ms-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease; }


main .card-body, main .without-card {padding:30px 20px !important;}
main .tab-content {border:1px solid #ddd; border-top:0px; background:#fff; padding:20px 10px;}
main .tab-content .card {border:0px;}
main .tab-content .card .card-body {border:0px;}

main .pop-up-window {display:none; background: rgba(16, 16, 16, 0.84); position: fixed; top: 0; left: 0;  z-index: 999999999999;  width: 100%; height: 100%; overflow-y: scroll; text-align: center; }
main .pop-up-window .image-container .uxui {width:80%; margin: 40px 0px;}
main .pop-up-window .image-container .close-btn {opacity:1; cursor:pointer; position: fixed; right: 20px; font-size:40px; top: 20px; color:#FFF;}
main .pop-up-window::-webkit-scrollbar {   display: none;  } 
.slick-prev:before, .slick-next:before { font-size: 30px !important; color: #f27b68 !important; }
main .slick-prev {left:0 !important; z-index:99999;}
main .slick-next { right:0 !important;}
main select#near_center { width: 100%;  padding: 10px 25px; background:#fff; border: 0px; font-family: inherit; font-size: 15px; color: inherit; outline: none;}
label.select-wrap { width:270px; overflow: hidden;  height: 50px;  position: relative;   display: block; border:0px; box-shadow: 1px 1px 9px 2px #ddd; background: #fff; border-radius: 50px; margin-bottom:30px;}
select#near_center{  height: 50px;  padding: 10px;  border: 0;  font-size: 15px;  width: 100% !important;  -webkit-appearance: none; -moz-appearance: none;   appearance: none;  }
label.select-wrap:after {   content:"\f107"; font-family: FontAwesome; color: #000;  position: absolute;  right: 11px; top: 13px; z-index: 1; width: 10%; height: 100%; pointer-events: none; }
select#near_center{-webkit-appearance: none; -moz-appearance: none;  appearance: none; }

main .center-details {width:60%; margin:0 auto;}
main .centers-map , main .city-map {display: none; width: 100%; }

main .city-map {height:430px;}
main .growth-image { width:80%;}
main .trend-image { width:70%;}
main #menu1 hr  {margin:30px 0;}
main .pop-up-window.video .image-container {width:60%; margin:0 auto; padding:100px 0px;}
main .pop-up-window.video .image-container iframe {width:100%; height:420px;}
main .img-thumbnail2, .img-thumbnail2 { border: 1px solid #6666; }
main .stud-img {width:50%;}
main .pop-up-window iframe {width:50%; height:400px; margin-top:100px;}
main .awarded-text {width:60%; margin:0 auto; position:relative;}
main footer { background: #666; color: #fff; padding: 3px 20px; }
main .desktop-test {display:none;}
main .mobile-test {display:block;}
main img.m-logo {  position: absolute; width: 8%; left: 20%; }
main p.click-note {display:none; cursor:pointer; position: absolute; right: 30px; top: 11px; font-size: 13px !important; text-transform: capitalize; font-weight: bold; font-style: italic; }
.testimonial .stud-test {width:100%; height:220px;}
.video-wrap {width:90%; margin: 0 auto 20px;}
.video-wrap p {font-size:18px; margin:15px 0px;}
.video-wrap p:first-child {margin-top:55px;}
.test-gallery .slick-prev:before, .test-gallery .slick-next:before {font-size: 50px !important;}
.test-gallery .slick-prev, .study-home .slick-prev:before, .study-home .slick-next:before {font-size: 50px !important;}
.study-home .slick-next {right: 10px !important; }
.study-home .slick-prev {right: 0 !important; }
.test-gallery .slick-next { right: 99px !important; }
.test-gallery  .slick-dots {bottom:-30px;}
.slick-dots li button:before { font-size: 10px; }
.placement-status h1.course-title {font-size: 36px; }
.courses-wrap a:link, .courses-wrap a:hover, .courses-wrap a:visited, .courses-wrap a:active {text-decoration:none;}
.courses-wrap a:hover img {opacity:0.8; transition:0.5s all;}
.test-gallery .stud-img{width:80%;}
.desktop-carousel {display:block;}
.mobile-carousel {display:none;}
p strong {font-weight:500;}
.course-title strong {font-weight:bold;}
.fade-carousel img {width:50%; margin:5px 0 25px; }
.dropdown-item.active {background:#fff!important; color:#000 !important;}
.mobile-graph {display:none;}
.desktop-graph {display:block;}
.sessions-table table th, .sessions-table table td { border:1px solid #888; padding:6px;}
.sessions-table table {width:100%;	}
.sessions-table .table-two { width: 42%; }
.sessions-table .table-two table td {padding:7px 6px;}
.sessions-table .table-four table td {padding:8px 6px;}
.sessions-table .table-three { width: 20%; text-align: center; font-size: 100px; padding-top: 37px; }
.table-one table {width:70%;}
.sessions-table .table-four { width: 27%; }
.edit-details h4 { display: inline-block; font-size: 50px; font-weight: 700;}
.edit-details p { display: inline-block; margin-bottom: 0; vertical-align: 0px; margin-left: 10px; width: 60%; font-weight: 500;}
.edit-details .col-md-6 p {width:60%;}
.edit-details .without-card {background: #444; color: #fff; padding: 25px 25px 10px !important;}
.edit-details .col-md-4 .inner-block, .edit-details .col-md-6 .inner-block {text-align:center;}
.edit-details .col-md-4 .inner-block p, .edit-details .col-md-6 .inner-block p {text-align:left;}

.tools-cover img {margin-bottom:15px; }
.tools-cover p {padding-right:100px; font-size:16px;}
.tools-cover .without-card  {  padding: 30px 20px 0px!important;}
.highlights  .without-card {  padding: 0px 20px 0px!important;}

.know-more-details  .without-card { padding: 20px 20px 30px!important;}
.know-more-details input, .know-more-details select { width:100%; padding:5px 10px ;  background-color:#fff !important; border:1px solid #d4d4d4 !important; outline:none; color:#888;}
.know-more-details select {padding:5.5px 10px!important;}
.know-more-details input::placeholder{color:#888;}
.know-more-details input[type="button"] {background:#FFEF1F !important; color:#000; font-weight:500; border:1px solid #FFEF1F;}
.banner a:nth-of-type(2) { left: 406px; }
.graphic-banner  {position:relative; background-image:url(../images/graphic-design.png), linear-gradient(to right, rgba(255, 239, 31, 0.25), rgba(255, 239, 31, 0), rgba(255, 239, 31, 0.55), rgba(255, 239, 31, 0.4)); background-position: right 130px, top; background-attachment:fixed; background-size:38%, 100%; padding:40px 20px; background-repeat: no-repeat, no-repeat, no-repeat;}
.graphic-banner h1 , .digital-banner h1 {position:relative; font-size:65px;}
.graphic-banner h1:after { position: absolute;  top: 0px; left: 49px; content: 'Learn'; font-size: 20px; font-weight: bold; }
.web-banner h3, .ui-banner h3, .digital-banner h3 {color:#fff; margin-top:10px; margin-bottom:70px; font-weight: bold; font-size: 35px; }
.graphic-banner  h3 {color:#4E4E4E;}
.banner .mobile-image {display:none;}
.banner {height:300px; position:relative; } 
.banner a {pointer-events:none; text-decoration:none; font-size:25px; font-weight:600; position:absolute; bottom:10px; font-weight: bold; color:#363636;}
.web-banner, .ui-banner, .digital-banner, .dip-ui-banner { padding:40px 20px; position:relative; }
.ux-ui-banner { padding:29px 20px; position:relative; }
.ux-ui-banner .wrapper {float: right; padding-right: 10%;}
.ux-ui-banner p {font-size:32px; line-height:42px; font-weight:bold; color:#000;}
.ux-ui-banner h1  {font-size:40px; font-weight:normal; color:#000;}
.ux-ui-banner h3 { font-size: 22px;  padding: 10px 0px;  color: #4E4E4E; margin:10px 5px;  }
.ux-ui-banner hr { background: #000; height: 2px;  width: 90%; margin: 12px 0;}
.ux-ui-banner { background: url(../images/uxui-course-banner.png) left 90px no-repeat, url(../images/uxui-course-banner-bg.png) left top no-repeat; background-attachment:fixed; background-size:35%, cover; padding:40px 20px; }

.web-banner h1 {font-size:65px;}
.ui-banner h1, .dip-ui-banner h1 {font-size:65px; color:#FFEF1F;}
.dip-ui-banner h5  { color:#FFEF1F; margin-bottom: -10px; margin-left: 3px;}
.ui-banner { background: url(../images/ui-development-banner.png) 80% 152px no-repeat, url(../images/ui-dev-banner-bg.png) left top no-repeat; background-attachment:fixed; background-size:25%, cover; padding:40px 20px; }
.web-banner { background-image: url(../images/web-design-banner.png), linear-gradient(to right, rgba(255, 239, 31, 0.07), rgba(255, 239, 31, 0.47)); background-position: 93% 133px, right, right; background-attachment:fixed; background-size:38%; padding:40px 20px; background-repeat: no-repeat, no-repeat, no-repeat;}
.digital-banner { background: url(../images/Digital-Marketing-banner.png) 84% 125px no-repeat,  #fff; background-attachment:fixed; background-size:32%; }
.dip-ui-banner { background: url(../images/ui-design-banner.png) 84% 123px no-repeat,  #4E4E4E; background-attachment:fixed; background-size:26%; }

.ui-banner h3 { font-weight: normal !important; font-size: 28px !important; }
.ui-banner a, .dip-ui-banner a {color:#fff !important;}
.web-banner h3, .digital-banner h3 {color:#979797 !important; font-weight: normal !important; font-size: 28px !important;  } 
.digital-banner h3 {font-weight:600 !important;}
.call-float-btn, .call-mobile-btn { position: absolute;  background: #ffef1f; color:#000;  padding: 5px 16px; border-radius: 7px; right: 50px; bottom: -28px;  font-weight: bold; }
.call-mobile-btn {display:none;}
form#get-callback div { display: inline-block; width: 16.3%; vertical-align: top; }
.pop-up-window {display:none; background: rgba(16, 16, 16, 0.84); position: fixed; top: 0; left: 0;  z-index: 999999999999;  width: 100%; height: 100%; overflow-y: scroll; text-align: center; }
.pop-up-window .form-wrapper {overflow-y:auto;  width: 50%; margin: 0 auto;  position: relative; top: 50px; background: #fff; }
.pop-up-window .form-wrapper .form-heading { background:#ffef1f !important;  padding: 10px; text-align:left; color:#333;}
.pop-up-window .form-wrapper .form-heading h2 {position:relative; left:30px; font-size: 23px; padding-right: 50px; display: inline-block; margin: 0;}
.pop-up-window .form-wrapper .form-heading span {position: absolute; top: 0; right: 12px; font-size: 30px; cursor:pointer; z-index: 99999999; }
.pop-up-window .form-wrapper .form-container {padding:20px 10px; }
.pop-up-window .form-wrapper .form-container  input, .pop-up-window .form-wrapper .form-container  select, .pop-up-window .form-wrapper .form-container textarea { width: 100%;  padding: 5px ; border: 1px solid #ddd !important; background-color: #fff !important;}
.pop-up-window .form-wrapper .form-container  input[type="button"] { background: #ffef1f !important; border: 1px solid #ffef1f !important; outline:none; font-weight: 600;   }
.form-container  input:focus, .pop-up-window .form-wrapper .form-container textarea:focus {outline:1px solid blue;}
.pop-up-window span.error {color:red; text-align:left; margin:0;}
.pop-up-window .form-wrapper .form-container form div {width:90%; margin:0px auto 15px}
.pop-up-window .form-wrapper .form-container form div:last-child {margin-bottom:0px;}
.sticky-top { z-index: 99999999; }

.nav-tabs, .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link, main .tab-content, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {border:0px}

.nav-tabs .nav-item {font-size:21px;}
.nav-tabs .nav-link {padding: .5rem 1rem ;}
.nav-tabs .nav-item:after {height: 33px;}
.nav-tabs .nav-item:first-child .nav-link {padding-left:0px;} 
main .tab-content {padding: 20px 0px;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #101010; }
main .highlight-text { color: #D86E5D!important; font-weight: bold; margin: 0px 0px 10px; display: inline-block; font-size:17px !important;}
#ux .project-icon span {font-weight:bold; color:#424242;}
#ux .project-icon {margin-bottom:20px;}
.course-tab-panel .without-card {padding-bottom:0px !important;}

.winner-student { background: #F4F4F4;  padding: 40px 0px; }
.winner-student span.highlight-text { background: #fff;  padding: 10px; margin: 5px auto; display: block; width: 35%; text-align: center; }
.edit-centre .without-card {padding-bottom:0px !important;}
ul.nav.nav-tabs .nav-link span { top: 0;  color: inherit; font-size: inherit !important;  display:inline;} 
.know-more-details span.error {margin:0px !important;}
.top-grey-bg {  padding: 15px; background: #f1f1f1; }
.contact form div {width:60%; margin-bottom:5px;}
.contact form div input, .contact form div select, .contact form div textarea { width:100%; height:auto; border:1px solid #ddd !important; background-color:#fff !important; border-radius: 5px; color:#928f8f; padding:10px 10px;}
.contact form input[type="number"]::-webkit-outer-spin-button, .contact form input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }
.contact form div input::placeholder, .contact form div input::-moz-placeholder, .contact form div textarea::placeholder , .contact form div textarea::-moz-placeholder { color:#928f8f; }
.infograph {width:70%;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; }
.edit-text {font-size:32px;}
.project-icon img {width:60px !important;}
.carousel-item {background-attachment:fixed;}
.banner1 .desktop-image {display:block;}
.banner1 .tab-image {display:none;}
.call-trigger {pointer-events:none;}
.banner4 .call-now { position: relative;  bottom: -112px;}
.know-more-details {background:#000; color:#fff; }
.view-uxui:hover, .view-placement:hover, .career-scope .btn-warning:hover, .btn-light:hover, .info-wrap .btn-warning:hover, .highlights .btn-warning:hover, .find-out:hover, .porfolio-container .btn-warning:hover, .read-more:hover {background:#ef644e!important; color:#fff !important; border-color:#ef644e!important; transition:0.5s all;}
.sitemap-wrapper {width:60%; margin:10px auto;}
.sitemap-wrapper ul {padding:0;}
.sitemap-wrapper li { list-style-type: none; padding:10px 0px; }
.footer .navbar-nav .nav-link:hover { color:#ef644e!important; transition:.5s all; }
.enquire-btn {position:absolute; cursor:pointer; background: #ffef1f;  color: #000; padding: 5px 16px;  border-radius: 7px;  right:260px;  bottom: -28px; font-weight: bold;}
.edit-studio {width:70%; margin-top:-30px;}
input[type="button"] { cursor: pointer; }

.help-tab li.nav-item:after {width:0px !important;}
.help-tab .tab-content {padding:20px;}
.help-tab img {display:block; margin:0 auto;}
.help-tab table td, .help-tab table th { border: 1px solid #555;  padding: 5px; }
.help-tab table {width:70%;}
.help-tab #testimonial p {padding:50px 0px 0px;}
.help-tab .nav-pills { position: -webkit-sticky; position: sticky; top: 15px; }
.help-tab #about img.sm-icon {display:inline-block; width:40px; margin:10px 20px;}
.help-tab  img.atcg-icon {display:inline-block; margin:10px 0px;}

.error-block {background:#ededed; padding:30px; }
.error-block img {width:20%;}
.error-block h4 {margin:10px 0;}

@media only screen and (max-width:1280px) 
{
	.navbar-light .navbar-nav .nav-link {margin: 0px 7px; }
	.banner4 .banner-content .banner-right-content img { width: 100%; }
	.edit-details p { width: 55%; }
	.pop-up-window .form-wrapper {width: 65%;}
	.digital-banner { background: url(../images/Digital-Marketing-banner.png) 84% 21px no-repeat, #fff; background-size: 32% !important;}
	.banner2 {  background-position: 220% top;  background-size: auto 590px; }
}

@media only screen and (max-width:1264px) 
{
	.navbar-light .navbar-nav .nav-link {margin: 0px 6px;}
	.banner2 h2, .banner2 h4 {width:60%}
	.banner2 {  background-position: 243% top ; background-size: auto 590px; }
	.digital-banner { background: url(../images/Digital-Marketing-banner.png) 84% 25px no-repeat, #fff;}

}


@media only screen and (max-width:1112px) 
{
	.dropdown-menu {margin:0 !important}
	.navbar-light .navbar-nav .nav-link {padding:5px 5px;}
.logo {width: 25%;}
.navbar-light .navbar-nav .nav-link { font-size: 15px;  margin: 0px; }
.banner-content .form-content {width: 50%;}
.banner2 h2, .banner2 h4 { width:75%;}
.desktop-carousel .banner2 p.intro-line {margin-bottom: 0px !important;}
.info-wrap .cousre-description { padding: 0px 0px; }
p, a, .courses-wrap p.cousre-description	{font-size:16px;	line-height:27px;}
h2, .banner3 h2, .banner4 h2 { font-size: 28px;}
h4 {font-size:22px;}
h5 {font-size:20px;}
.test-gallery .stud-img {width:85%;}
.test-gallery .stud-1-test { padding: 20px 15px 20px 5px; }
.test-gallery .stud-1-test h5 { font-size:18px;}
.banner3 { background-color: #f1f1f1; }
.carousel-control-next-icon, .carousel-control-prev-icon {width: 30px;  height: 30px; font-size: 26px;}
.carousel-control-next, .carousel-control-prev { width: 7%; }
.courses-wrap img {  width: 30%; }
.banner3 p, .banner4 p { font-size: 18px; }
.banner1 {background-size:cover; }
.banner-content form input::placeholder {font-size:15px;}
.banner2 .banner-content .form-content {  width: 25%; }
.img-stud-1:nth-of-type(1) img { width:88%; }
.img-stud-1:nth-of-type(2) img { width:95%; }
.img-stud-1:nth-of-type(3) img { width:95%; padding-left: 10px;}
.img-stud-1:nth-of-type(4) img { width:88%; }
.banner3 .banner-content .banner-right-content p { font-size: 15px; }
.banner3 .banner-left-content p, .banner4 .banner-left-content p { font-size: 18px; }
.digital-banner { background: url(../images/Digital-Marketing-banner.png) 84% 43px no-repeat, #fff; background-size: 37% !important; }
.banner-content { padding: 30px 80px 30px; }
.banner4 .banner-content .banner-right-content img { width: 95%;  position: absolute;  top: 40px;  left: 40px; }
.banner1 .banner-content .banner-right-content img { top: 83px; }
.banner3 .banner-content .banner-left-content {  padding: 70px 0px; }
.design-workflow, .career-scope img  {width:70% !important;}
.edit-details p { font-size:14px; vertical-align: -6px; width: 63%;}
.edit-details h4 { font-size: 36px; }
.tools-cover p { padding-right: 40px; }
.graphic-banner h1, .web-banner h1, .ui-banner h1 , .digital-banner h1, .dip-ui-banner h1{ font-size: 55px; }
.graphic-banner h1:after { top: -3px; left: 41px; font-size: 18px; }
.graphic-banner h3 { font-size: 32px; }
.banner a { font-size: 22px; }
.web-banner h3 , .ui-banner h3, .digital-banner h3  {font-size: 26px !important;}
.call-float-btn  {right: 35px;}
li.nav-item span {display:block; top:0px;}
li.nav-item .social-icon {display:inline-block; margin-top:10px; top:0px;}
.know-more-details input, .know-more-details select {padding: 5px 5px;}
.know-more-details select { padding: 5.5px 5px!important; }
form#get-callback div { width: 16.9%; margin-left:-6px;}
.pop-up-window .form-wrapper {  width: 70%; }
.ux-ui-banner p { font-size: 27px; }
.ux-ui-banner h1 { font-size: 35px; }
.ux-ui-banner h3 { font-size: 18px; }
.ux-ui-banner .wrapper { padding-right: 5%; }
.ux-ui-banner {padding: 45px 20px;}

.web-banner {background-size: 45% !important; background-position: 93% 147px, right, right;}
.web-banner h3 {width:50%;}
.ui-banner { background: url(../images/ui-development-banner.png) 80% 165px no-repeat, url(../images/ui-dev-banner-bg.png) left top no-repeat; }
.ux-ui-banner {background-size: 42%, cover;}
.winner-student span.highlight-text {width: 45%;}
.nav-tabs a {font-size:19px}
.dip-ui-banner {  background: url(../images/ui-design-banner.png) 88% 41px no-repeat, #4E4E4E;  background-size: 31%;}
.banner4 h4 { font-size: 19px; width:100%; }
.banner4 a.call-now {font-size:18px}
.banner2 { background-position: 595% top;  background-size: auto 585px; }
.banner2 .form-content .view-uxui { padding: 4px 10px; bottom: 70px; }
.banner2 .form-content .pdf-uxui { padding: 4px 10px; bottom: 119px; }
.banner4 .form-content .view-uxui {padding: 4px 10px; bottom:70px;}
.banner4 .call-now {bottom: -77px;}
.banner-content .form-content p:nth-of-type(2) { font-size: 17px !important; }
.edit-studio { width: 93%;  }
}


@media only screen and (max-width:1024px) 
{
	.navbar-light .navbar-nav .nav-link {padding:5px 8px;}
	.banner2 { background-position: 330% top;  background-size: unset;  }
	.error-block h4 {font-size: 21px;}
	.banner5 .banner-left-content img { width: 100%; }
	.banner5 .banner-right-content {padding-left: 26px;}

}
@media only screen and (max-width:812px) 
{
}
@media only screen and (max-width:834px) 
{
	.edit-details .inner-block , .edit-details .col-md-4 .inner-block p, .edit-details .col-md-6 .inner-block p {  text-align: center !important;}
.edit-details h2, .edit-details p {display:block;}
.edit-details p {width:100% !important; margin:0; line-height: 22px;}
.edit-details .without-card {padding: 15px 25px !important;}
.edit-details h4 { font-size: 32px; margin-bottom: 0px; }
.tools-cover p { padding-right: 10px; }

.aligntext	{text-align:center;	}
.edit-details h2, .edit-details p {display:block;}

.landing-wrapper #thank_popup .thank_bg, #thank_popup .thank_bg {width: 55%;}
.logo { width: 25%; left: 30px; }
.banner-content { padding:25px 45px !important; }
.banner-content .form-content { width: 70%; }
.desktop-carousel .banner2 p.intro-line { width: 48%; font-size: 18px;}
.banner2 .form-content .view-uxui, .banner4 .form-content .view-uxui {padding: 4px 10px !important; bottom: 70px;}
.banner1 .desktop-image {display:none;}
.banner1 .tab-image {display:block;}
.banner2 h4, .banner4 h4 { font-size: 18px !important; }
.banner2 { background-position: -540%;  background-size: unset;}
.banner3 p,.test-gallery .stud-1-test h5 { font-size: 17px; }
.banner1 .banner-content .banner-right-content img {top: 51px; width: 90%; left: 10px;}
h2 { font-size: 24px; }
.banner-content h2{ font-size: 23px; }
h4, .ux-ui-banner h3, .banner4 h4 {font-size: 18px;}
.courses-wrap img { width: 23%; }
.wrapper { padding: 0px 25px; }
.test-gallery .slick-prev { left: 18px !important; }
.test-gallery .slick-next { right: 30px !important; }
.test-gallery .slick-prev:before, .test-gallery .slick-next:before { font-size: 35px !important;}
.test-gallery .stud-img {margin-top: 17px !important;}
li.nav-item:after { width: 0px;}
.dropdown-menu {margin:0px;}
.desktop-carousel  .carousel-item { height: 460px !important; }
.banner-content form input::placeholder {font-size:14px;}
.banner2 .banner-content .form-content { width: 35%; }
.banner3 .banner-content .banner-left-content, .banner3 .banner-content .banner-right-content {width:100% !important;}
.banner3 .banner-content .banner-left-content {padding:0px; text-align:center;}
.carousel .view-placement, .carousel .pdf-uxui, .carousel .view-uxui {font-size: 14px;   padding: 5px 10px !important;}
.img-stud-1:nth-of-type(4) {display:none;}
.img-stud-1 {width:33.33% !important; top:0 !important;}
.img-stud-1 img {width:70% !important;}
.img-stud-1:nth-of-type(3) img {width: 75% !important;}
.banner3 .banner-content .banner-right-content {margin-top:10px;}
.banner4 .banner-content .banner-left-content {width: 50% !important;}
.banner4 .banner-content .banner-right-content {width: 50% !important;}
.banner4 a.call-now { bottom: 45px }
 .banner4 .banner-content .banner-right-content img {top:40px;}
 .desktop-carousel p.intro-line {margin-bottom: 15px;}
 .fade-carousel img { width: 65%; }
 .footer a {  padding: 5px 0px  !important; }
.graphic-banner h1 , .web-banner h1 , .ui-banner h1, .digital-banner h1, .dip-ui-banner h1{  font-size: 48px; }
.dip-ui-banner h1 { padding-right: 45%;}
.dip-ui-banner { background: url(../images/ui-design-banner.png) 88% 50px no-repeat, #4E4E4E; background-size: 40%; }
.graphic-banner h1:after { top: -5px; left: 36px;  font-size: 17px; }
.graphic-banner h3 { font-size: 30px; }
.web-banner h3, .ui-banner h3, .digital-banner h3 { font-size: 23px !important; }
.banner a { font-size: 19px; }
.call-mobile-btn { position:fixed; height: fit-content; right: 85px; top: 12px; background: #fefefe; }
form#get-callback div { width: 20%; }
.know-more-details input, .know-more-details select { font-size:14px;}
.know-more-details input, .know-more-details select { padding: 6px 5px !important; }
#get-callback div:last-child {width:20%; margin: 15px auto 0; display: block; padding-bottom: 20px;}
.know-more-details .without-card {padding-bottom:0px !important;}
.pop-up-window .form-wrapper {  width: 90%; } 
.ux-ui-banner p { font-size: 24px !important; line-height: 32px;}
.ux-ui-banner h1 { font-size: 30px; }
.ux-ui-banner .wrapper { padding-right: 3%; }

.web-banner {background-size: 52% !important; background-position: 93% 162px, right, right;}
.digital-banner { background: url(../images/Digital-Marketing-banner.png) 95% 45px no-repeat, #fff;  background-size: 45% !important; }
.ux-ui-banner { background: url(../images/uxui-course-banner.png) left 40px no-repeat, url(../images/uxui-course-banner-bg.png) left top no-repeat;  background-size: 46%, cover; }
.winner-student span.highlight-text {width: 57%;}
.call-float-btn {display:none !important;}
.call-mobile-btn  {display:block !important;}
.banner4 .call-now {bottom: -77px;}
.banner4 .banner-content .banner-right-content img {width: 100%;}
.sitemap-wrapper {  width: 95%; }
.enquire-btn {left: 520px; bottom: -23px; right:auto;}
.edit-studio { width: 100%; margin-top:0; }
.contact form div { width: 100%; margin-bottom: 5px; }
}

.bx-wrapper { box-shadow:none;}
.lSAction > a { background-image:none;}
a.lSPrev:after { position: absolute; top: 0; left: 0; content: "\f053"; font-family: fontAwesome; font-size: 25px;}
a.lSNext:after { position: absolute; top: 0; right: 0; content: "\f054"; font-family: fontAwesome; font-size: 25px;}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {background-color: #ffc107;}
#content-slider p {width:98%;}


@media only screen and (max-width:768px) 
{
	.banner2 { background-position: -178%;background-size: unset;}
	.ux-ui-banner { background: url(../images/uxui-course-banner.png) left 93px no-repeat, url(../images/uxui-course-banner-bg.png) left top no-repeat; background-size: 46%, cover; }
	.digital-banner { background: url(../images/Digital-Marketing-banner.png) 95% 65px no-repeat, #fff; background-size: 45% !important; }
	.table-one table { width: 100%; margin: 0 auto; }
	.table-one {margin-bottom:20px;}
	.grey-bg { background: #f5f5f5; padding: 20px; }
	.sessions-table table td {text-align:left;}
	.banner5 .edit-live-logo { width: 22%; }
	.banner5 a.virtual-btn {font-size: 18px;}
	.banner5 .banner-right-content h2 { margin-top: 40px;}
}
@media screen and (max-width:667px)
{
	.lSAction > a { top: 100px !important;}
	#thank_popup .thank_bg {width: 60%; top:20%;}
	.banner2 h2, .banner2 h4 {   width: 78%; }
	.banner2 .form-content .view-uxui, .banner4 .form-content .view-uxui { bottom: 68px;}
	.banner-content .form-content { width: 40%; }
	.courses-wrap img {  width: 12%; }
	.courses-wrap p.cousre-description { width: 60%; margin:0 auto 15px;}
	h5, .banner a {  font-size: 18px; }
	.test-gallery .stud-img {  width: 25%; }
	.test-gallery .stud-1-test { padding: 0px 15px 20px 5px; }
	.test-gallery p { text-align:center; width: 70%; margin: 0 auto 15px; }
	.test-gallery h5 {text-align:center;}
	.info-wrap .cousre-description {  padding: 0px 120px; }
	.info-wrap .info-block {margin-bottom:35px;}
	.info-wrap .info-block:last-child {margin-bottom:0px;}
	.footer .navbar .navbar-nav { width:100% !important; }
	.footer li.nav-item { text-align:center;}
	.banner-content h2 { font-size: 20px !important; }
	.banner-content h4 { font-size: 16px !important; }
	.banner-content .form-content { width: 40% !important;}
	.banner1 .banner-content .form-content { width: 75% !important; }
	.banner4 h4 {width:100%; left:0; padding:0;}
	.banner4 .banner-content .banner-left-content {  width: 60% !important;}
	.banner4 .banner-content .banner-right-content { width: 40% !important; }
	.banner4 .banner-content .banner-right-content img {width:100%; left: 0px;}
	.banner4 .banner-content .form-content { width: 64% !important; }
	.banner4 .form-content .view-uxui { bottom: 70px; }
	.banner-content form input[type="sumbit"] {font-size:14px;}
	.edit-details .inner-block {margin:15px 0px;}
	.edit-details p {padding:0px 100px;}
	.banner2 { background-position: -99%; }

.graphic-banner h1, .web-banner h1, .ui-banner h1, .digital-banner h1, .dip-ui-banner h1 {  font-size: 40px;}
.graphic-banner h1:after { top: -7px; left: 30px; font-size: 16px; }
.graphic-banner h3 { font-size: 28px; }
.web-banner h3, .ui-banner h3, .digital-banner h3 { font-size: 23px !important; }

.know-more-details input, .know-more-details select {display:block;width: 100%; margin: 20px auto 0px;}
.call-mobile-btn {top: 10px;} 
.call-float-btn {display:none !important;}
.banner a {pointer-events:auto; }
form#get-callback div, #get-callback div:last-child { width: 100%; margin:0 auto;}
#get-callback div:last-child {padding-bottom:20px !important;}
.ux-ui-banner h1 { font-size: 24px !important;}
.ux-ui-banner h3 {   font-size: 18px !important; }
.graphic-banner { background-size: 42%; }
.web-banner {background-size: 52% !important; background-position: 93% 184px, right, right;}
.ui-banner { background: url(../images/ui-development-banner.png) 85% 165px no-repeat, url(../images/ui-dev-banner-bg.png) left top no-repeat;  background-size: 34%, cover;}
.digital-banner { background: url(../images/Digital-Marketing-banner.png) 95% 82px no-repeat, #fff; background-size: 48% !important; }
.ux-ui-banner { background: url(../images/uxui-course-banner.png) left 84px no-repeat, url(../images/uxui-course-banner-bg.png) left top no-repeat; background-size: 50%, cover; }
.ux-ui-banner .wrapper { padding-right: 0%; margin-top: 27px; }
.winner-student span.highlight-text {width: 70%;}
.nav-tabs {  border-bottom: 1px solid #dee2e6 !important; margin-bottom:20px;}
.nav-tabs .nav-link { border: 1px solid transparent !important; }
.nav-tabs .nav-link { padding: .5rem 1rem !important; }
.nav-tabs .nav-link.active  {border-color: #dee2e6 #dee2e6 #fff !important;}
.dip-ui-banner h5 { margin-bottom: -4px; }
.dip-ui-banner { background: url(../images/ui-design-banner.png) 88% 40px no-repeat, #4E4E4E; background-size: 48%; }
.ux-ui-banner p { font-size: 21px !important;}
.banner1 .banner-content .banner-right-content img { top: 74px; }
.call-trigger {pointer-events:auto;}
.graphic-banner { background-size: 47%, 100%;} 
.edit-studio { width: 50%; margin:0 auto; display:block; }
.enquire-btn { left: 416px; bottom: -28px; }
.error-block img { width: 30%;}
}


@media screen and (max-width:640px)
{
	.web-banner {background-position: 93% 190px, right, right;}
	.digital-banner { background: url(../images/Digital-Marketing-banner.png) 95% 91px no-repeat, #fff; }
	.nav-tabs a {  font-size: 17px !important;}
	.tools-cover h6 {font-weight:bold;}
	.banner2 { background-position: -80%;}
	.enquire-btn { left: 265px; }
	.center-bangalore {padding: 15px 0px; }
	.center-bangalore p  {font-size: 20px !important; }
}
@media screen and (max-width:568px)
{
	.info-wrap .cousre-description { padding: 0px 55px; }
	.test-gallery .stud-img {  width: 31%;}
	.logo { width: 40%; }
	.courses-wrap p.cousre-description { width: 70%; }
	p.course-title { font-size: 17px; }
	.banner-content h2, .banner-content h4, .banner-content p {text-align:center;}
	.banner-content .banner-content p {font-size:17px !important;}
	.banner-content .form-content {width:100%;}
	.banner-content form { width: 70%;  margin: 20px auto 0; }
	.banner2 h2, .banner2 h4 {  width: 100%; left:0; padding: 5px 15px 10px 15px;}
	.carousel-indicators { bottom: -5px; }
	.desktop-carousel {display:none;}
	.mobile-carousel {display:block;}
	.mobile-carousel .carousel-item {  height: 650px !important; }
	.mobile-carousel .banner1 img {width:50%; display:block; margin: 15px auto 0;}
	.mobile-carousel .banner-content p {font-size:20px !important; font-weight:600; margin:15px 0px; }
	.mobile-carousel .banner2 .banner-content h2 {margin-top: 40px; font-size:25px !important; color: #383737 !important;  margin-bottom: 0px;}
	.mobile-carousel .banner2 .banner-content h3 {font-size: 22px !important; margin-bottom: 10px;}
	.mobile-carousel .banner2 .banner-content h4 {color: #383737 !important;}
	.mobile-carousel .banner2 {color: #383737; text-align:center;}
	.mobile-carousel .banner2 a.course { background: #f4c00d; color: #fff;padding: 10px; width: 155px; display: block; margin: 0 auto 10px; font-size: 18px; font-weight: bold; border-radius: 5px; margin-top: 15px; text-decoration:none; }
	.mobile-carousel .banner2 img {width:46%; margin-top:30px;}
	.mobile-carousel .banner-content h2 {font-size:30px !important; margin:10px 0px; margin-bottom: 10px; }
	.mobile-carousel .banner-content h3 { font-size: 20px !important; margin-bottom: 10px; }
	.mobile-carousel .banner-content h4 { font-size: 18px !important; font-weight: bold; margin-bottom: 10px; padding-top: 0px !important; }
	.mobile-carousel .form-content {margin-top:30px;}
	.mobile-carousel .form-content { width: 100% !important; margin: 0 auto;}
	.mobile-carousel .form-content p {font-size: 17px !important; font-weight:normal;}
	.banner-content form { width: 100%;  margin: 20px auto 0; }
	.mobile-carousel .banner-content .grey-bg {background:#191919; padding:10px; width:100%;}
	.mobile-carousel .banner-content .grey-bg h2, .mobile-carousel .banner-content .grey-bg h4 {background:transparent !important; margin:0 0 15px; padding:0;}
	.banner2 h2 {background:transparent;}
	.mobile-carousel .banner-content .view-uxui, .mobile-carousel .banner-content .pdf-uxui, .carousel .view-placement{ background: #ffef1f; color: #000;  padding: 10px;  margin: 20px auto; display: block; width: 150px; text-align: center; }
	.carousel .view-placement {width:70% !important;}
	.banner-content {  padding: 15px 0px 40px !important; }
	.mobile-carousel .banner2 .banner-content .form-content {width:70% !important; background:#6c757dc7; padding: 2px 7px; margin:0 auto ; }
	.mobile-carousel .banner2 .banner-content .form-bg {background-image: url(../images/uxui-career-growth-mobile.jpg); background-position: left; height: 384px; padding: 65px 0px;}
	.mobile-carousel .banner2 .banner-content .form-content p {color:#fff !important;}
	.mobile-carousel .banner2 .banner-content form input[type="text"]{ background: #eaeaea; border: 1px solid  #eaeaea; }
	.mobile-carousel  .img-stud-mobile {margin-bottom:25px;}
	.mobile-carousel  .img-stud-mobile div {width:48%; display:inline-block; vertical-align: top;}
	.mobile-carousel  .img-stud-mobile div.stud-text {padding:45px 15px;}
	.mobile-carousel  .img-stud-mobile div img {width:65%;}
	.mobile-carousel  .img-stud-mobile div p {font-size:16px; margin:0;}
	.mobile-carousel .banner4 img {width:70%; margin:0 auto 25px; display:block}
	.banner4 a.call-now {text-align: center; display: block; position:static; pointer-events:auto;}
	.call-mobile-btn {top: 16px;}
	.pop-up-window .form-wrapper .form-heading h2 {left:21px;}
	.banner {height:450px;}
	.banner h3 {position:relative; }
	.banner .mobile-image {display:block; width:100%; margin: 0 auto;}
	.web-banner { background-image: url(none),linear-gradient(to bottom, #fbfafa, #ffef1f); background-size:100% !important; background-position:0px;}
	.web-banner h3, .digital-banner h3 {margin-bottom:25px; width:100%;}
	.graphic-banner {background-image: url(none), linear-gradient(to bottom, rgba(255, 239, 31, 0.68), rgba(255, 239, 31, 0), rgba(255, 239, 31, 0.54), rgba(255, 239, 31, 0.4)); background-size: 100%, 100%;}
	.graphic-banner h3 {margin-bottom:15px;}
	.ui-banner  { background: url(none), url(../images/ui-dev-banner-bg.png) left top no-repeat; }
	.dip-ui-banner { background: url(none), #4E4E4E; }
	.ui-banner img {width:55% !important;}
	.digital-banner {background-image:none;}
	.digital-banner img {width:75% !important;}
	.ux-ui-banner { background: url(none), url(../images/uxui-course-banner-bg.png) left top no-repeat; background-size: 50%, cover; }
	.ux-ui-banner .mobile-image {bottom: 0; position: absolute; left: 0; width: 65%; }
	.ux-ui-banner .wrapper {float:left; width:100%;}
	.ux-ui-banner p {margin-bottom: 5px; font-size: 22px !important;}
	.ux-ui-banner h3 { margin:0px;}
	.ux-ui-banner {  padding: 15px 20px; }
	.ux-ui-banner hr {margin: 10px 0;}
	ul.nav.nav-tabs .nav-link span {display:none;}
	.edit-details h4 {font-size:30px !important;}
	main .highlight-text {font-size:17px !important;}
	.winner-student span.highlight-text { width: 77%; font-size: 16px !important;}
	.banner4 h4 {width:100%; padding: 0px 0px 10px 0px; text-align:center; left:0;}
	.mobile-carousel .form-content p a {color:inherit;}
	.banner2 {background: url(none), #fff;}
	.enquire-btn { left: 220px; }
	.error-block h4 { font-size: 20px; }
	.banner a {  position: relative;  bottom: -29px;}
	.sessions-table .table-three {font-size: 68px; padding-top: 91px;}
	.tools-cover img {width:auto !important;}
	.study-home .slick-prev:before, .study-home .slick-next:before {font-size: 30px !important;}
	.study-home .slick-next {right: 4px !important; }
	.ux-info , .ux-img-wrap, .graphic-img-wrap, .stud-placement p, .graphic-info { text-align: center; }
	.video-wrap p:first-child { margin-top: -15px; }
	.video-wrap p {    margin: 10px 0px; text-align: center;}
	.mobile-graph {display:block;}
	.desktop-graph {display:none;}
	.placement-status h1.course-title {font-size: 26px; }
	 .ux-img-wrap {  margin-bottom:0px;}
	 .outer-wrap {width:100%; margin:0 auto;}
	 .require-slide .banner-right-content div {text-align:center;}
	 .require-slide .banner-right-content , .require-slide .banner-left-content{width: 100% !important;}
	 .require-slide h2, .require-slide .banner-left-content img { margin-top: 8px !important; }
	 .require-slide .banner-right-content { padding-left: 0px; padding: 0px 15px; }
	 .require-slide .banner-right-content a {margin: 10px 0px 10px;}
	
}
@media screen and (max-width:480px)
{
	.design-workflow, .career-scope img { width: 100% !important; }
	.logo { width:60%; left: 0px;}
	main .centers { padding-left: 0px; }
	main .pop-up-window.video .image-container {width:90%; margin:0 auto; padding:100px 0px;}
	main .pop-up-window.video .image-container iframe {height:320px;}
	main .pop-up-window .image-container .close-btn { top: 10px; right: 10px;}
	main .pop-up-window.video .image-container {padding: 70px 0px 0px;}
	main .trend-image {margin-bottom:20px !important;}
	main select#near_center { width:100% ;}
	main .city-map { height: 300px; }
	main .img-fluid {margin-bottom:0px;}
	main h1 {font-size: 22px !important; font-weight: bold;}
	main h2 {font-size:22px !important; font-weight:bold;}
	main h3 {font-size:19px !important; font-weight:bold;}
	main h4 {font-size:18px !important; }	
	main h5 {font-size:17px !important; font-weight: bold !important;}
	main p, main li, main a { font-size: 15px !important;}
	main .growth-image { width:100%;}
	main .center-details {width: 100%;}
	main .col-sm-12 {  margin: 0px 0px 10px; }
	main .awarded-text {width:100%; font-weight: bold; }
	main .testimonial-text {text-align:center !important;}
	main .pop-up-window iframe { width: 85%; height: 295px;  margin-top: 100px;}
	main .desktop-test {display:block; margin-bottom: 20px;}
	main .mobile-test {display:none;}
	main img.m-logo {  position: relative; width: 20%; left: 0; display: block;  margin: 0 auto 15px; }
	main img.watch-his-video, main img.watch-her-video { width: 50%;}
	#thank_popup .thank_bg { width: 90%; top: 20%; }
	.test-gallery .slick-prev { left: 25px !important;  top:25% ; }
	.test-gallery .slick-next { right: 25px !important; top:25% ;}
	.test-gallery .slick-prev:before, .test-gallery .slick-next:before {font-size:35px !important; }
	.banner-content form {width:80%;}
	.course-title  {font-size: 17px !important;}
	.placement-status .course-title  {font-size: 26px !important;}
	.placement-status a, .stud-placement a {font-size: 16px !important;}
	.stud-placement a {margin-top:15px !important;}
	.info-wrap .cousre-description { padding: 0px 20px; }
	.courses-wrap img { width: 17%; }
	.courses-wrap p.cousre-description {  width: 100%; }
	.wrapper {  padding: 0px;}
	.test-gallery p {  width: 90%; }
	.test-gallery .stud-img { width: 37%; }
	.edit-details .without-card { padding: 10px 25px 10px !important;}
	.mobile-carousel .banner-content p { font-size: 19px !important;}
	.mobile-carousel .banner3 .banner-content h2 {color:#222!important;}
	.mobile-carousel .banner-content h2 { font-size: 25px !important; }
	.mobile-carousel .banner1 .banner-content h4 {font-size:20px !important;  font-weight:normal; color:#ffef1f !important;}
	.mobile-carousel .banner-content h4 { font-size: 18px !important;}
	.mobile-carousel .banner2 .banner-content img.three-person { width: 50%; margin: 53px auto 0px; display: block; }
	.mobile-carousel .banner2 .banner-content h2 { margin-top: 20px; font-size: 24px !important; }
	.edit-live-logo {width:100%;}
	.mobile-carousel .banner2 .banner-content .form-content {  width: 80%; }
	.mobile-carousel .img-stud-mobile div img { width: 75%; }
	.mobile-carousel .banner-content p { font-size: 17px !important; }
	.mobile-carousel .img-stud-mobile div.stud-text {padding: 35px 15px; }
	.banner1 { background-image: url(../images/interest-in-web-design.jpg);  background-position: center;    background-size: cover; }
	.banner3 .banner-content , .banner4 .banner-content {padding:30px 0px !important;}
	.fade-carousel img { width: 50%; }
	.test-gallery .slick-dots {  bottom: -10px; }
	.edit-details p {padding:0px 50px;}
	.tools-cover {text-align:center;}
	.tools-cover img{ width:auto !important;}
	.sessions-table .table-two , .sessions-table .table-four{ width: 100%; }
	.sessions-table .table-three {width: 16%; font-size: 25px; padding-top:0px;}
	.graphic-banner h1, .web-banner h1, .ui-banner h1, .digital-banner h1, .dip-ui-banner h1 { font-size: 35px !important; }
	.graphic-banner h1:after { top: -9px; left: 26px; font-size: 15px; }
	.graphic-banner h3 { font-size: 27px !important; }
	.web-banner h3, .ui-banner h3, .digital-banner h3 { font-size: 20px !important; }
	.banner a {  font-size: 17px !important; }
	.banner a { position: relative; bottom: -8px; }
	.banner a:nth-of-type(2) { left: 0; }
	.call-mobile-btn {top: 23px;}
	#know-more-popup .form-wrapper { top: 65px; }
	
	.pop-up-window .form-wrapper { top: 55px; }
	.pop-up-window .form-wrapper .form-container input, .pop-up-window .form-wrapper .form-container textarea {font-size:14px;}
	.pop-up-window .form-wrapper .form-container form div { width: 95%; }
	.pop-up-window .form-wrapper .form-heading h2 {left:10px; font-size: 18px !important;}
	.banner {height:400px; overflow: hidden;}
	.digital-banner h3 { margin-bottom:0px;}
	.ux-ui-banner h3 { margin:5px 0px;  text-align:left; left:0; padding:0;}
	.ux-ui-banner .mobile-image { bottom: -9px; width: 65%;}
	.ux-ui-banner h1 {left:0; width:100%;}
	.ux-ui-banner hr { margin: 15px 0; }
	.ux-ui-banner hr {width:100%;}
	.course-tab-panel {text-align:center;}
	.project-icon img {margin:0 auto 10px;}
	.project-icon {margin-bottom:25px !important;}
	.project-icon:last-child {display:none;}
	.project-icon:nth-of-type(3) {margin-bottom:10px!important;}
	.contact {text-align:center;}
	.contact form div {   margin: 0 auto;  width: 95%; margin-bottom: 5px; }
	.contact form span.error {margin:0 !important; text-align:left;}
	.ux-ui-banner p {  font-size: 22px !important; font-weight: bold; line-height: 30px; }
	.ui-banner img {  width: 65% !important; }
	label.select-wrap {margin:0px auto 30px;}
	#ux .project-icon { text-align:left;}
	.dip-ui-banner h1 { padding-right:0%;}
	.dip-ui-banner .mobile-image {width:74%;}
	.mobile-carousel .banner4 img {width:55%; margin: 0 auto 10px;}
	.sitemap-wrapper {text-align:center;}
	.enquire-btn {left: 180px; bottom: -27px;}
	.edit-studio {width: 70%;}
	.error-block img { width: 40%; }
	.grey-bg {padding: 20px 15px;}
}

@media screen and (max-width:414px)
{
.mobile-carousel .carousel-item {  height: 700px !important; }
.mobile-carousel .banner1 img { width: 65%; margin-top:30px;}
.test-gallery .stud-img { width: 43%; }
.logo { width:65%;}
.carousel-control-next, .carousel-control-prev { width: 13%; }
.banner1 .banner-content .form-content, .mobile-carousel .banner2 .banner-content .form-content, .mobile-carousel .banner4 .banner-content .form-content {width: 80% !important; margin-top: 15px;}
.banner-content form { width: 90%; }
.mobile-carousel .img-stud-mobile div img {  width: 85%; }
.mobile-carousel .img-stud-mobile div.stud-text { padding: 25px 15px; }
.mobile-carousel .img-stud-mobile div p {  font-size: 15px !important;}
.mobile-carousel .banner4 img { margin: 0px auto 15px; }
.mobile-carousel .banner-content h2 {padding: 0px 25px; }
.mobile-carousel .carousel-fade .carousel-item { height: 600px !important; }
.mobile-carousel .banner2 .banner-content img.three-person {width: 70%;}
.call-mobile-btn {top: 21px;}
.web-banner h3 { font-size: 19px !important; }
.digital-banner img { width: 93% !important; }
.ux-ui-banner .mobile-image {  width: 76%; }
.nav-tabs a {  font-size: 16px !important;}
.dip-ui-banner .mobile-image { margin: 15px auto; width: 87%; }
.mobile-carousel .banner4 img {width: 94%;}
.ux-ui-banner h1 { font-size: 22px !important;}
.ux-ui-banner p { font-size: 18px !important; }
.mobile-carousel .banner2 .banner-content .form-bg   {  padding: 30px 0px;}
.pop-up-window .form-heading { font-size: 19px !important;}
.enquire-btn { left: 145px; }
.error-block img { width: 45%;}
}
@media screen and (max-width:375px)
{
.logo { width:70%;}
.carousel-control-next, .carousel-control-prev { width: 12%;}
.mobile-carousel .banner-content h2 { font-size: 27px !important;}
.mobile-carousel .banner-content h4  {padding: 10px 25px 0;}
.edit-details p {padding:0px 20px;}
.call-mobile-btn {top: 19px; }
.digital-banner img {  width: 100% !important; }

.banner4 h4:nth-of-type(2) { margin-top:10px; margin-bottom:0px; }
.ux-ui-banner p { font-size: 21px !important; }
.mobile-carousel .banner2 .banner-content .form-bg { height: 387px; }
.enquire-btn { left: 126px; }
.error-block img { width: 50%;}
}

@media screen and (max-width:360px)
{
	.enquire-btn { left: 120px;}
	.mobile-carousel .banner2 .banner-content img.three-person {width: 80%;}
	.mobile-carousel .banner2 .banner-content h2 { margin-top: 20px;   font-size: 24px !important;  margin-bottom: 10px; padding: 0px 45px; }
	.mobile-carousel .banner2 .banner-content h3 { font-size: 20px !important; }
}
@media screen and (max-width:320px)
{
	a.lSPrev:after {left: -11px; font-size:20px;}
	a.lSNext:after { right: -11px; font-size:20px; }
	.call-mobile-btn {padding: 5px 9px; right: 83px; bottom: 14px ; font-size: 13px !important;}
}