@media only screen and (max-width: 1200px) { .topHeader .col-md-5 { max-width: 20%; } .topHeader .col-md-7 { max-width: 80%; flex: 0 0 80%; } } @media only screen and (max-width: 991px) {.imgBoxanand .card{width:48%;}} @media only screen and (max-width:1025px) { #nav ul { display: block !important; } } @media only screen and (max-width: 768px) { .r-tabs .r-tabs-nav { display: none; } .r-tabs .r-tabs-accordion-title { display: block; } } /* ************* Mobiles Media Queries ****************** */ @media only screen and (max-width: 767px) { .formList .boxs > li, .formList .boxs > div { float: none; width: 100%; } .width50p { width: 100%; } .imgBoxanand .card{width:100%; margin-right:0; text-align:center} } @media only screen and (max-width: 639px) { .formList .boxs { margin-left: 0; } .formList .box { float: none; width: auto; margin-left: 0; } } /* added for microsite amreli*/ @media only screen and (max-width: 1024px) { .toggleMenu { height: 55px; } .toggleMenu .iconBar { float: left; } .toggleMenu .mobileMenu { display: none; } /*Navigation*/ #nav { display: none; position: absolute; left: 0; right: 0; background:#26286d; } #nav ul { background: #305d93; } .toggleMenu, #nav .menuIcon { display: block; } #nav li { float: none; display: block; border: none; } #nav li a { border-top:1px solid rgba(255, 255, 255, .1); } #nav li.parent { position: relative; } #nav li .menuIcon, #nav li li .menuIcon { width: 46px; height: auto; background-color: #002d63; background-color: rgba(0, 45, 99, 0.5); background-image: url(../images/down-arrow.gif); background-repeat: no-repeat; background-position: center 15px; position: absolute; right: 0; top: 0; bottom: 0; cursor: pointer; } #nav li .menuIcon.active, #nav li li .menuIcon.active { background-color: #002d63; background-color: rgba(1, 36, 78, 0.5); } #nav li > a:hover, #nav li.hover > a, #nav li.active > a, #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a { background-color: #002d63; color: #fff; } #nav ul { width: 100%; display: none; position: static; transition: none; -webkit-transition: none; } .hasJS #nav ul { opacity: 1; } #nav li ul li, #nav ul a { width: 100% } #nav > li:hover > ul, #nav li li:hover > ul, #nav li li li:hover > ul { display: none; } #nav ul, #nav *:hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left: 0; } #nav li a { padding-left: 15px; padding-right: 15px; display: block; line-height: 30px; font-size: 14px; } #nav li ul li a { padding: 7px 55px 7px 25px; display: block; line-height: 21px; background: url(../images/right-arrow.gif) no-repeat 15px 15px; color: #fff; border: none } #nav li ul li ul li a { padding-left: 45px; background-position: 33px center } #nav li ul li ul li ul li a { padding-left: 60px; background-position: 45px center } #nav > li > a:hover, #nav > li.hover > a, #nav > li.focus > a, #nav > .highlight > a { background-color: #305d93; color: #fff; } #nav li ul li a:hover, #nav li ul li > a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul > .highlight > a { background-color: #305d93; color: #fff; } .icon-list { justify-content: center } .icon-list-div { width: 25%; justify-content: center; } .event-slider-img img { width: 100% } .lg-mb-50 { margin-bottom: 50px; } .about-icon-div ul li { padding: 0 10px } .sliderCation .sliderText { padding-top: 20px; padding-bottom: 35px; } #mainNav .container { max-width: 100% } div#mainNav ul li a { font-size: 14px; padding: 10px 7px } .hide-lg { display: none } .topStrip li.langSelector:before, .col-md-7 .topStrip li:last-child:before { background: none } } @media only screen and (max-width:991px) { /*Responsive Table*/ .responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display: block; text-align: left; border: none; /* Converts a table, table row, table column and table column:before into a block element */ } .responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom: none; } .responsiveTable thead, .responsiveTable tr th { position: absolute; /* Hides table head but not using display none */ top: -1000em; left: -1000em; } .responsiveTable tr { border: 1px solid #eeeeee; border-bottom: 2px solid #eeeeee; margin: 0 0 20px; } .responsiveTable tr td:nth-child(1) { /* first column of the row */ border-left: none; } .responsiveTable tr td:last-child { /* last column of the row */ border-right: none; } .responsiveTable tr:last-child .td, .responsiveTable td { /* Column in the last row and column */ border-bottom: 1px solid #eeeeee; } .responsiveTable td:before { /* prints the value of data-label attribute before the column data */ font-weight: bold; padding-right: 20px; line-height: 27px; color: #174471; content: " "attr(data-label)""; /* call the attribute value of data-label and adds a string // */ } .responsiveTable tbody { display: block; } .responsiveTable tr td { padding: 5px 15px; width: auto !important; } .tab-home li a { font-size: 26px; line-height: 28px; } .md-mb-50 { margin-bottom: 50px; } .box-img img { width: 100% } .box-div { margin-bottom: 30px; } .home-title-3 { margin-bottom: 15px } .blue-bg:after { background: none } .blue-bg { padding: 30px 0 } .box-info { min-height: auto } .box2-div { margin-top: 30px } .about-icon-div ul li span b { font-size: 16px; } .about-college-info { margin-top: 30px } .sliderCation .sliderText p { font-size: 24px; } .toggleMenu .mobileMenu { display: none } .toggleMenu { overflow: hidden; display: inline-block; position: relative; z-index: 1 } .hide-md { display: none } .visible-md { display: inline-flex; align-items: center; float: right; margin: 15px 10px; } .serachBar .searchBox .expandSearch { top: 58px; width: 100% } .serachBar .searchIcon { float: right; margin: 15px 13px } .serachBar .searchBox { position: absolute; right: 0; width: 100%; top: 0; } .serachBar { margin: 0 10px; padding: 0 0 0 20px } .locationInfo { margin: 13px 0 0 0; position: relative; z-index: 1 } .logoStripe .searchIcon, .logoStripe .searchBox { display: none; } } @media only screen and (max-width:767px) { .icon-list-div { width: 33.33% } .about-icon-div ul { justify-content: center; flex-wrap: wrap; } .about-icon-div ul li { width: 50%; margin-bottom: 30px; border: none } .about-icon-div ul li:last-child { margin-bottom: 0; } .sliderCation .sliderText { padding-top: 15px; padding-bottom: 25px; } .sliderCation .sliderText p { font-size: 20px; } .logoStripe { flex-wrap: wrap; } .logoStripe .logo { width: 100%; margin: 25px 15px } .topHeader .col-md-5 { max-width: 30%; } .topHeader .col-md-7 { max-width: 70%; } } @media only screen and (max-width:575px) { .icon-list-div { width: 50%; justify-content: center; } .about-college-info .custom-btn + .custom-btn { margin-left: 0; } .aboutSection .latestAnnouncement { padding: 15px; } .aboutSection .latestAnnouncement h2.announcementTitle { float: none } .latestAnnouncement .viewall { right: 15px; } .aboutSection .latestAnnouncement .tickerAnnouncement a.btnMPause { margin-right: 10px } .sliderCation { position: relative } .homeBanner .container { padding: 0; } .pageTitle h2 { font-size: 32px; } .topHeader .col-md-5 { max-width: 40%; } .topHeader .col-md-7 { max-width: 60%; } } @media only screen and (max-width:370px) { .topHeader .col-md-5 { padding: 0 0 0 10px; } .topHeader .col-md-7 { padding:0; } }