/*
*/
.advertise-seting-wrap.clg-info{display: flex;
clear: both;
justify-content: space-between;
align-items: center;
border: none;
box-shadow: none;}
.sidebar-clg img {
width: 100%;
max-width: 100%;
}
/*================ Font Face============*/
a{ font-family:'Roboto', serif; font-weight:400; }
.m-block{ display: block; }
.mobile-ony{display: none;}
.fixed{ position: fixed; top: 0; height: auto; z-index: 111; animation:slide-down 0.7s; width: 100%; }
@keyframes slide-down {
0% { opacity: 0; transform: translateY(-100%); }
100% { opacity: 0.9; transform: translateY(0); }
}
#target .name{height: auto!important;}
#target {overflow: auto;height: 150px;}
#target .show{padding: 5px 10px; cursor: pointer; display: flex !important; align-items: center;}
#target .show:hover{background-color: #ccc;}
.hide{ display: none; }
h1{ font-size: 48px; line-height: 58px; font-family:'Roboto', serif; font-weight:500; letter-spacing: -.2px;}
h2{ font-size: 26px; line-height: 32px; font-family:'Roboto', serif; font-weight:600; letter-spacing: -.2px; color: #1d5477;}
p{ margin:0 0 20px; }
.font-large{ font-size: 18px; line-height: 24px; margin-bottom: 15px; font-weight: 300; }
@keyframes slide-down { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 0.9; transform: translateY(0); }
}
/*================ Banner-CSS================*/
.item{ padding: 0; }
.width-20 { width: 23%; float: left; }
.width-100{ width: 100%; float: left; }
.width-80 { width: 77% !important; float: left; }
/*========================== Page Section===================================*/
.jm-col-center{ margin:0 auto; float: none !important; display: block !important; }
.jm-color{ color: #1d5477; }
.jm-white{ color: #fff; letter-spacing: 2px; }
/*=============== FAQ=========================================*/
table tr th{ text-align: center; font-size: 18px; font-weight: 400; background: #313C4E; color: #fff;}
/*============================= Home Feature College=======================*/
.bottom-block .clg-fee-review-just { padding: 0; list-style-type: none; margin: 20px 0; width: 100%; line-height: normal; float: left; }
.bottom-block .clg-fee-review-just li:first-child { width: 95px; padding-left: 0; border-left: 0; }
.bottom-block .clg-fee-review-just li:nth-child(2) { width: 104px; }
.bottom-block .clg-fee-review-just li:last-child { padding-right: 0; width: 70px; }
.clg-fee-review-just li { float: left; padding: 0 0 0 10px; padding-right: 0px; list-style: none; border-left: 2px solid #edeff0; height: 42px; }
.jm-clg-btn-block { width: 100%; position: relative; }
.jm-half { width: 50%; float: left; }
.just-apply-btn:hover{ text-decoration: none; background: #1d5477; color: #fff; }
.just-apply-btn { background: #006cb2; padding: 7px 10px; color: #fff; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; font-family: Roboto, sans-serif; text-align: center; letter-spacing:1px; }
.btn-flash{ background: #006cb2; animation-name: flash; animation-duration: 2s; animation-delay: 1s; animation-timing-function: linear; animation-iteration-count: infinite; -webkit-animation-name: flash; -webkit-animation-duration: 2s; -webkit-animation-delay: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-name: flash; -moz-animation-duration: 1s; -moz-animation-delay: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; }
@keyframes flash{
0%{background:#006cb2; }
50%{background: #b3ad0e;}
100%{ background:#006cb2; }
}
@-webkit-keyframes flash{
0%{background:#006cb2; }
50%{background: #b3ad0e;}
100%{ background:#006cb2; }
}
@-moz-keyframes flash{
0%{background:#006cb2; }
50%{background: #b3ad0e;}
100%{ background:#006cb2; }
}
.just-apply-btn-inverse { background: #252E31; padding: 7px 0px; color: #fff; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; font-family: Roboto, sans-serif; text-align: center; letter-spacing:1px; }
.just-apply-btn-inverse:hover{ text-decoration: none; background: #1d5477; color: #fff; }
.margin-right-0{ margin-right: 0; }
.bottom-block .clg-fee-review-just .jm-key { color: #006cb2; display: block; font-size: 14px; font-weight: 500; }
.bottom-block .clg-fee-review-just .jm-value { color: #9b9b9b; display: block; font-size: 8px; }
.bottom-block .clg-fee-review-just .jm-key { color: #006cb2; display: block; font-size: 14px; font-weight: 500; }
.abroad-section{ width: 100%; float: left; background: #f9f9f9; padding:50px 0; position: relative; }
.abroad-row{ float: left; margin-top:30px; margin-bottom: 10px; }
.holder{ width: 100%; padding: 0 20px; margin-bottom: 15px; }
.holder a:hover{ text-decoration: none; }
.holder a:hover .content-abroad h4{ box-shadow: 0px 9px 10px -6px rgba(0,0,0,.5);}
.holder .content-abroad .flag img{ border-radius: 160px 160px 0px 0px; }
.holder .content-abroad h4{ background-image: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%); background-image: -webkit-linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%); margin-top: 0 !important; padding: 25px 0; border-radius: 0px; box-shadow: none; transition: box-shadow 0.25s ease, transform 0.25s ease; font-size: 24px; color: #00174d; text-align: center; }
/*================== Welcome Section=========================*/
.welcome-section{ background: #064C6F; background-position: 100% bottom; background-repeat: no-repeat; float: left; width: 100%; padding: 50px 0 40px; background-size: 40%;
}
.left-text{ color: #fff;text-align: center;}
.welcome-box{text-align: center;}
.welcome-box-left h3{ color: #fff; margin-bottom: 15px; }
.welcome-box-left p{ text-align: center; color: #fff; font-weight: 400; line-height: 20px;}
.feature-list{ list-style: none; padding:0; width: 100%; float: left; margin-top: 25px; }
.feature-list li{ width: 25%; float: left; text-align: center; padding:0 20px; }
.feature-list li a{ box-shadow: 0 0 15px; display: block; padding: 25px; }
.feature-list li a i{ display: block; margin-bottom: 15px; background: #fff; width: 100px; height: 100px; line-height: 100px; border-radius: 70px; font-size: 50px; margin: 0 auto 15px; }
.feature-list li a span{ font-size: 25px; color: #fff; font-weight: 500; }
/*========== Plane Animation==============================*/
#aeroplane{ position: absolute; background-image: url('http://www.orbitinhouse.top/studynation/wp-content/uploads/2018/08/airbus.png'); background-repeat: no-repeat; width: 200px; height: 70px; -webkit-animation: movingplane 10s linear infinite; -moz-animation: movingplane 10s linear infinite; -o-animation: movingplane 10s linear infinite; }
@keyframes movingplane { 0% { margin-left: 100%; top:500px; } 29% { margin-left: 50%; top: 10px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } 31% { -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } 60% { margin-left: 0%; top:500px; } 100% { margin-left: -100%; top: 600px; }
}
@-webkit-keyframes movingplane { 0% { margin-left: 100%; top:500px; } 29% { margin-left: 50%; top: 10px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } 31% { -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } 60% { margin-left: 0%; top:500px; } 100% { margin-left: -100%; top: 600px; }
}
@-moz-keyframes movingplane { 0% { margin-left: 100%; top:500px; } 29% { margin-left: 50%; top: 10px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } 31% { -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } 60% { margin-left: 0%; top:500px; } 100% { margin-left: -100%; top: 600px; }
}
/*===================== Compare Page=======================*/
.btn-slide{ display:inline-block; background-color:#3c3c3c; border:0 none; padding: 12px 25px 12px 55px; text-transform: uppercase; line-height:1; letter-spacing: 1px; color:#fff; position: relative; border-radius:50px; -o-border-radius:50px; -ms-border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
.btn-slide span{ position: absolute; top: 2px; left: 2px; bottom: 2px; background-color: #505050; text-align: center; width: 35px; padding-top: 10px; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; margin-left: 0;}
.btn-slide:hover{padding-left: 25px; padding-right: 55px; color: #fff; }
.btn-slide:hover span{left: 100%; margin-left: -37px;}
.compare-box{ width: 100%; float: left; background:url("../img/compare-bg.jpg") no-repeat; padding: 60px 0 90px; }
.page-heading{ width: 60%; text-align: center; margin:0 auto; background: rgba(0,0,0,.2); padding: 25px; }
.page-heading h1{ font-size: 60px; color: #fff; text-transform: uppercase; letter-spacing: 3px; margin-bottom: 15px; }
.page-heading span{ color: #fff; font-size: 20px; display: block; margin-bottom: 15px; }
.page-heading p{ color: rgba(255,255,255,.8); font-size: 16px; font-weight: 300; }
.tab-compare-search{position: relative; margin-top: -65px; width: 100%; float: left;}
.tab-compare-search ul{margin: 0; padding: 0; list-style: none;}
ul.tabs{font-size: 0; text-align: center;}
ul.tabs > li{display: inline-block; vertical-align: top; cursor: pointer; font-size: 18px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; line-height: 1; color: #fff; background-color: #222; width: auto; padding: 20px; transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; margin-right: 0px;}
ul.tabs > li:first-child{border-top-left-radius: 15px;}
ul.tabs > li:last-child{margin-right: 0; border-top-right-radius: 15px;}
ul.tabs > li i{margin-right: 10px; color: #ffffff; font-size: 25px;}
ul.tabs > li:hover,ul.tabs > li.active{background-color: #1d5477;}
ul.tabs > li:hover i,ul.tabs > li.active i{color: #fff;}
ul.tab > li{display: none; background-color: #1d5477; color: #fff;}
ul.tab > li i{ color: #fff; font-size: 16px; }
ul.tab > li.active{display: block;}
.tab-content{padding: 30px 0; text-align: center;}
.tab-content h3{font-size: 24px; line-height: 1; font-weight: 500; text-transform: uppercase; color: #fff; margin-bottom: 30px; letter-spacing: 2px;}
.choice .field{margin-bottom: 30px; font-size: 0;}
.choice .field > div{display: inline-block; vertical-align: center; font-size: 14px;}
.choice .or{margin: 0 100px;}
.choice .or span{display: block; width: 50px; height: 50px; background-color: #fff; color: #1d5477; font-size: 18px; line-height: 1; text-align: center; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; text-transform: uppercase; padding-top: 15px; position: relative; z-index: 1;}
.choice .or span::before,.choice .or span::after{position: absolute; content: ""; width: 25px; height: 1px; background-color: #fff; top: 50%;}
.choice .or span::before{left: 100%;}
.choice .or span::after{right: 100%;}
.choice .left,.choice .right{width: 25%;}
.choice .radio input[type="radio"]{display: none;}
.choice .radio label{position: relative; cursor: pointer; display: block; width: 100%; padding: 20px; font-size: 16px; line-height: 1; font-weight: 400; display: inline-block; text-transform: uppercase; border: 2px solid rgba(255,255,255,0.5); transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.choice .radio input[type="radio"]:checked + label{background-color: rgba(255,255,255,0.1);}
/*=======================College Predictor========================*/
.text{ width: 100%; float: left; margin-top: 5px; padding: 0 20px; }
.text input[type="text"]{ width: 85%; height: 50px; color: #fff; background: transparent; float: left; font-size: 20px; border: 2px solid rgba(255,255,255,0.5); border-right: 0;
}
.text input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #fff; }
.text input[type="text"]::-moz-placeholder { /* Firefox 19+ */
color: #fff; }
.text input[type="text"]:-ms-input-placeholder { /* IE 10+ */
color: #fff; }
.text input[type="text"]:-moz-placeholder { /* Firefox 18- */
color: #fff; }
.text span{ width: 15%; float: left; font-size: 17px; line-height: 50px; background: rgba(255,255,255,.7); border-left: 2px solid #3c3c3c; color: #1d5477; padding: 0 5px; font-weight: 600; }
/*=================== Inner Page======================*/
.inner-detail-banner{ width: 100%; float: left; background: url("../img/clg-details-bg.jpg") no-repeat center; padding:100px 0; position: relative; height: 350px; }
.inner-search-banner{ width: 100%; float: left; background:#1d5477 ; padding:140px 0; position: relative; height: 400px; background-size: 400px auto; }
.inner-detail-banner .img-overlay{ width: 100%; height: 100%; background:rgba(0,0,0,0.5); }
.inner-page-title h1{ color: #fff; font-size: 50px; position: absolute; width: 100%; top: 15%; z-index: 9; }
.page-search{ position: absolute; width: 100%; top: 20%; z-index: 9; left: 0; }
.page-search .js-search{ border: 3px solid rgba(255,255,255,.7) !important; border-left-color: rgba(255,255,255,.7); border-left-style: solid; border-left-width: 3px; height: 60px !important; background: rgba(0,0,0,.6) !important; color: #fff !important; font-size: 20px !important; color: #fff !important; border-radius: 5px 5px !important; padding-right: 90px !important; }
.page-search .js-search-btn{ top:22px; }
.clg-abot-content{ background: #064C6F url("../img/main-iit.png") no-repeat; background-position: 105% bottom; background-size: 45%; padding: 30px 0; }
.clg-inner-left{ padding:40px 15px 40px 15px; float: left; color: #fff;}
.clg-inner-left h3{ margin-top:0; font-size: 28px; font-weight: 500; color:#fff; position: relative; margin-bottom: 20px; }
.clg-inner-left p strong{ font-weight: 500; }
.clg-what-do{ background: #313C4E url("../img/man-left.png") no-repeat; background-position: 15% bottom; background-size: 40%; padding: 60px 0; }
.clg-work{ background:#252E31; width:100%; float: left; }
.clg-product{ background:#064C6F; width:100%; float: left; }
/*================College Details=======================*/
.clg-detail-banner{ width: 100%; float: left; background: url("../img/clg-details-bg.jpg") no-repeat center; padding-top:305px; }
.clg-head-box{ background: #fff; width: 100%; float: left; position: relative; }
.clg_bread_crumb{ width: 100%; float: left; background: #313C4E; padding:5px 20px; }
.clg_bread_crumb p{ margin-bottom: 0; color: #fff; }
.clg-heading-box{ width: 100%; float: left; padding: 25px 15px; }
.clg-logo{ border: 2px solid #1d5477;
padding: 10px;
border-radius: 5px;
text-align: center; }
.clg-logo img{ display: inline-block; }
.clg-name-detail{ margin-left: -10px; }
.clg-name-detail h1{ margin-top: 0; font-size: 30px; color: #1d5477; letter-spacing: 1px; line-height: 1; font-weight: 600; }
.address{ font-size: 14px; font-weight: 500; color: #666; margin-bottom: 10px; padding-left: 20px; position: relative; }
.address:before{ position: absolute; font-family: FontAwesome; content:"\f041"; font-size: 18px; color: #1d5477; top:-4px; left: 2px; }
.clg-top-feat{ padding-left: 0; list-style: none; padding: 10px 0; }
.clg-top-feat li{ display: inline-block; padding-left: 27px; position: relative; font-size: 16px; color: #666; width: 50%; float: left; margin-bottom: 15px; font-weight: 500; }
.clg-top-feat.bullet2 li.establish:before {
content: "";
left: 0px;
}
.clg-top-feat.bullet2 li:before{content: "";
position: absolute;
width: 10px;
height: 10px;
background: #000;
border-radius: 100%;
top: 50% !important;
margin-top: -5px;}
.clg-top-feat li span{ color:#1d5477; }
.clg-top-feat li:before{ position: absolute; font-family: FontAwesome; top:0px; left: 0; font-size: 16px; color: #1d5477; }
.clg-top-feat li.fee:before{ content:"\f156"; left: 5px;
}
.clg-top-feat li.accredition:before{ content:"\f024"; left: 3px;
}
.clg-top-feat li.hostel:before {
content: "\f236";
left: 0px;
}
.clg-top-feat li.univercity:before {
content: "\f19c";
left: 0px;
}
.clg-top-feat li.establish:before{ content:"\f1ec"; left: 0px; }
.clg-top-feat li.laptop:before{ content:"\f109"; left: 1px; }
.clg-top-feat li.course-offer:before{ content:"\f02d"; left: 1px; }
.rating-blcok{ margin-left: 10px; border-left: 2px solid #666; padding-left: 10px; }
.rating-blcok a{ margin-left: 5px; }
.rating-blcok i{ color: #EF902F; }
.clg-right{ position: relative; width: 100%; height: 100%;}
.clg-apply{ width: 100%; float: left; background: #1d5477; text-align: center; padding: 0px; font-size: 18px; color: #fff; border-radius: 5px; font-weight: 500; line-height: 2; text-transform: uppercase; letter-spacing: 1px; transition: .5s linear; -moz-transition: .5s linear; -webkit-transition: .5s linear; }
.clg-apply:hover{ color: #fff; background: #313C4E; text-decoration: none; }
.clg-compare{ width: 100%; float: left; background: #313C4E; text-align: center; padding: 0px; font-size: 18px; color: #fff; border-radius: 5px; font-weight: 500; line-height: 2; text-transform: uppercase; letter-spacing: 1px; margin-top:30px; transition: .5s linear; -moz-transition: .5s linear; -webkit-transition: .5s linear; }
.clg-compare:hover{ background: #1d5477; text-decoration: none; color: #fff; }
.clg-detail-nav{ width: 100%; float: left; background: #313C4E; padding: 10px 0; }
.clg-broucher{ width: 100%; float: left; background: #1d5477; text-align: center; padding: 0px; font-size: 18px; color: #fff; border-radius: 5px; font-weight: 500; line-height: 2; text-transform: uppercase; letter-spacing: 1px; transition: .5s linear; -moz-transition: .5s linear; -webkit-transition: .5s linear; margin-top:30px; border:2px solid rgba(0,0,0,.3); }
.clg-broucher:hover{ background: #313C4E; color: #fff; }
.clg-placement{ width: 100%; float: left; background: #313C4E; text-align: center; padding: 0px; font-size: 18px; color: #fff; border-radius: 5px; font-weight: 500; line-height: 2; text-transform: uppercase; letter-spacing: 1px; transition: .5s linear; -moz-transition: .5s linear; -webkit-transition: .5s linear; margin-top:30px; border:2px solid rgba(0,0,0,.3); }
.clg-placement:hover{ background: #1d5477; color: #fff; }
.clg-nav ul{ padding-left: 0; list-style: none; }
.clg-nav ul li{ display: inline-block; margin: 0px 30px 0px 0px; font-size:16px; color: #fff; text-transform: uppercase; letter-spacing: 1px; }
.clg-nav ul li a{ color: #fff; font-weight: 600; }
.clg-detail-content{ width: 100%; float: left; }
.clg-left{ padding:40px 15px 40px 15px; }
.clg-left h3{ margin-top: 0; font-size: 22px; font-weight: 500; color: #1d5477; position: relative; margin-left: -15px; margin-right: -15px; border-bottom: 1px solid rgba(0,0,0,.1); padding-left: 15px; padding-bottom: 15px; }
.clg-info{ box-shadow: 0 0 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24); width: 100%; float: left; margin-bottom: 20px; padding-left:15px; padding-right: 15px; padding-top: 20px; }
.detail-facilities{ box-shadow: 0 0 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24); width: 100%; float: left; margin-bottom: 20px; padding-left:15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px; }
.detail-facilities ul{ padding-left: 0px; list-style: none;}
.detail-facilities ul li{ font-size: 14px; position: relative; padding:5px 5px; width: 16%; float: left; text-align: center; margin: 10px 14px; box-shadow: 0 0 5px rgba(0,0,0,.1); border-radius: 5px; }
.detail-facilities ul li h4{ font-size: 14px; border-top: 1px solid rgba(0,0,0,.1); margin-top: 5px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0; }
.detail-placement{ box-shadow: 0 0 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24); width: 100%; float: left; margin-bottom: 20px; padding-left:15px; padding-right: 15px; padding-top: 20px; }
.other-facility{ width: 104.5%; float: left; margin-left: -15px; margin-right: -15px; border-top: 1px solid rgba(0,0,0,.1); display: block; padding:15px 10px !important; }
.other-facility li{ width: auto !important; padding:0 5px !important; border-right: 1px solid rgba(0,0,0,.1); box-shadow: none !important; }
.clg-icon i{ font-size: 41px; color: #50556b; }
.clg-icon img{ width: 45%; text-align: center; display: inline-block; }
.detail-placement{ width: 100%; float: left; padding-bottom: 30px; }
.detail-placement p{ margin-bottom: 0; font-size: 16px; font-weight: 500;}
.detail-placement ul { padding-left: 0px; list-style: none; }
.detail-placement ul li{ margin-bottom: 15px; font-size: 18px; padding-left: 20px; padding-right: 20px; position: relative; }
.detail-placement ul li span{ width: 160px; height: 90px; border-radius: 20px; background: #50556b; }
.placement-ratio{ width: 100%; float: left; }
.placement-ratio ul li{ width: 24.33%; float: left; margin:20px 0; }
.placement-ratio.three-col ul li{width:33.33%}
.clg-left{padding-top:20px;}
.college-listing.rightList .college-content{margin-bottom: 0;}
.college-listing.rightList .home-clg-feature-row .col-md-11{width:100%}
.clg-left #facilities .college-listing.rightList .home-clg-feature-row{width:48%}
.college-listing.rightList {justify-content: space-between; align-items: center; gap: 20px;}
#facilities .pagin{margin-top: 20px;display:block;}
.college-btn-style {
display: flex; /* Arrange buttons inline */
gap: 10px; /* Space between buttons */
margin-bottom: 20px; /* Space below */
}
.college-btn-style a {
padding: 8px 16px;
background-color: transparent; /* No background by default */
color: #007BFF; /* Border and text color */
border: 2px solid #007BFF; /* Border */
border-radius: 4px; /* Rounded corners */
font-size: 14px;
text-decoration: none; /* Remove underline */
transition: background-color 0.3s ease, color 0.3s ease; /* Smooth hover */
width: 25%;
text-align: center;
}
.college-btn-style a:hover {
background-color: #007BFF; /* Fill background on hover */
color: #ffffff; /* Change text color to white on hover */
}
.college-btn-style a.active {
color: #fff;
background-color: #007BFF;
}
.package{ padding: 10px; text-align: center; box-shadow: 0 0 2px rgba(0,0,0,.5); }
.package img{ width: 40%; display: inline-block;}
.package span{ background: #fff !important; font-weight: 500; height: auto !important; }
.company-name{ width: 100%; margin:15px 0px; text-align: center; padding:0; box-shadow: 0 0 5px rgba(0,0,0,.2); min-height: 75px; display: block; justify-content: center; align-items: center; }
.company-name span{ font-size: 14px; font-weight: 500; color: #fff; display: block; padding: 5px; background: #363F42; letter-spacing: 1px;
}
.clg-icon-detail-box{ width: 100%; float: left; }
.clg-icon-detail-box ul{ padding: 0; list-style: none; }
.clg-icon-detail-box ul li{ font-size: 14px; position: relative; padding: 5px 5px; width: 21.1%; float: left; text-align: center; margin: 10px 14px; box-shadow: 0 0 5px rgba(0,0,0,.1); border-radius: 5px; min-height: 140px; }
.clg-gallery{ display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 20px 0px; }
.column { -ms-flex: 33%; /* IE10 */ flex: 33%; max-width: 33%; padding: 0 4px; }
.column img{ margin-bottom: 8px; }
.clg-video-box{ padding:40px 0; float: left; width: 100%;}
/*.clg-icon-detail-box ul li span{ position: absolute; top: -30px; right: 0; width: 60px; background: #000; padding: 5px; font-size: 10px; color: #fff; border-radius: 50%; text-align: center; min-height: 60px; display: flex; align-content: center; justify-content: center; align-items: center; }*/
.clg-icon-detail-box ul li h4{ font-size: 12px; }
.clg-icon-detail-box ul li span{ color: #ef5259; display: flex; align-content: center; align-items: center; justify-content: center; min-height: 40px; font-size: 13px; }
.clg-icon-flex-container{ width: 100%; display: flex; justify-content: left; align-items: center; min-height: 70px; }
.clg-icon-flex-container .flex-content{ display: flex; font-size: 14px; text-align: justify; margin-bottom: 0; padding: 0 !important; }
.clg-icon-flex-container img{ width: 20%; display: inline-block; }
.clg-reviews{
box-shadow: 0 0 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24); width: 100%; float: left; margin-bottom: 20px; padding-left:15px; padding-right: 15px; padding-top: 20px;
}
.mg20{ margin-bottom: 20px; }
.bb{border-bottom: 1px solid rgba(0,0,0,.2);}
.clg-left p{ font-size: 14px; padding-top:10px; text-align: justify; }
.user-review{ width: 100%; float: left; display: block; justify-content: center; align-items: stretch; padding: 10px 0 30px 40px; flex-direction: row; height: 100%; }
.review-left{ width: 100%; float: left; }
.review-left h4{ font-size: 20px; color: rgba(0,0,0,.6); }
.rate-text{ font-size: 24px; font-weight: 500; }
.user-rating{ font-size: 18px; color: #EF902F; }
.review-right{ border-left: 1px solid rgba(0,0,0,.2); padding-left: 30px; }
.review-right h4{ font-size: 20px; color: rgba(0,0,0,.6); }
.review-right ul{ list-style: none; padding-left: 15px; }
.review-right ul li{ font-size: 15px; margin-bottom: 7px; }
.review-right ul li span{ font-weight: 500; margin-right: 7px; }
.mg40{ margin:20px 0; }
.wt-50{ width: 50%; float: left; padding: 0 20px 0px 0px; }
.wt-40{ width: 33.33%; float: left; }
.sidebar{ position: relative; margin-top: 40px; background:#f4f4f4;float:left;}
.sidebar-box{ width: 100%; float: left; background: #f4f4f4; }
.search-sidebar input[type="text"]{ width: 70%; float: left; color: #333; }
.search-sidebar input[type="submit"]{ width: 30%; font-size: 18px; background: #1d5477; border: none; height: 34px; color: #fff; }
.sidebar-clg h3{ background: #313C4E; color: #fff; font-size: 20px; padding:10px; margin-top: 0; }
.sidebar-list{list-style: none; padding-left: 0;}
.sidebar-list li{ display: inline-block;
margin-bottom: 0px;
padding: 0px;
border-bottom: 1px solid rgba(0, 0, 0, .1);
padding-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
width: 100%; }
.sidebar-list li:last-child{ border-bottom: 0; }
.sidebar-list li img{ width: 15%; float: left; border: 1px solid #1d5477; padding: 5px; border-radius: 0px 0px 0px 0px; }
.sidebar-list li a{ width: 75%; padding-left: 10px; float: left; padding-top: 5px; font-size: 16px; color: #252E31; }
.sidebar-list li a:hover{ text-decoration: none; color: #1d5477;}
/*=================== College Comapre result CSS========================*/
.clg-comapre-section{ width: 100%; float: left; position: relative; padding: 50px 0; }
.clg-flex-box table{ border:1px solid rgba(0,0,0,.1); width: 100%; display: block; }
.clg-flex-box table tr:nth-child(odd){ background: #f6f6f6; }
.clg-flex-box table tr th{ vertical-align: middle; width: 10%; background: #fff; color: rgba(0,0,0,.7); border:1px solid rgba(0,0,0,.1); padding: 20px 15px;}
.clg-flex-box table tr th h4{ font-size: 14px; line-height: 20px;height:60px}
.clg-flex-box table tr th p{ font-size: 12px; }
.table-btn{ background:#1D5476; padding: 5px 15px; border-radius: 5px; margin: 10px 0; color: #fff; animation:blinker 1s linear 1s infinite alternate
}
.table-btn:hover{ background: #1D5476; border:none; color: #fff; }
.clg-flex-box table tr th img{ padding: 15px; box-shadow: 0 0 5px rgba(64, 116, 212,0.3); width: 70%; display: inline-block; }
.clg-flex-box table tr td strong{ font-weight: 500; color: #1D5476; }
.clg-flex-box table tr td{width:10%; color: #313C4E; vertical-align: middle; text-align: center; font-size: 13px; border:1px solid rgba(0,0,0,.1); padding: 15px 12px;}
.clg-flex-box table tr td:first-child{ border-top:0; border-left: 0; }
.clg-flex-box table tr td:last-child{ border-right:0; }
.clg-flex-box table tr:last-child td{border-bottom: 0;}
@keyframes blinker{ 0%{background:#1D5476; } 50%{background:#b3ad0e;} 100%{background:#1D5476; }
}
@webkit-keyframes blinker{ 0%{background:#1D5476; } 50%{background:#b3ad0e;} 100%{background:#1D5476; }
}
.fix{ position: fixed; width: 1141px; /* height: 100%; */ left: 105px; top: 60px; margin-left: 0; z-index: 1040; }
.clg-flex-box table tr td span.clg-name{display: none;}
/*=============After College Compare===========================*/
.comapre-sidebar{ padding: 10px 0; position: relative; float: left; width: 100%;}
.img-widget{border-radius:5px; background:rgba(105, 147, 169,.2); box-shadow: 0 0 10px rgba(105, 147, 169,.3); width: 330px; margin-left: auto; margin-right: auto; display: block; padding:15px 0; border:1px solid rgba(0,0,0,.1); margin-bottom: 25px; text-align: center;}
.img-widget img{border-radius: 5px; display: inline-block; }
/*================== Blog Page===========================*/
.inner-blog-banner{ width: 100%; display: -ms-flex; display: -webkit-flex; display: flex; flex-wrap: wrap; }
.blog-banner-big{ width: 50%; float: left; }
.blog-banner-small{width: 25%; float: left;}
.blog-banner-medium{ width: 25%; float: left; }
.blog-banner-big, .blog-banner-medium, .blog-banner-small{ display: flex; }
.blog-img{ position: relative; }
.blog-content{ position: absolute; bottom: 5px; padding: 15px 20px;}
.blog-content span{ color: #fff; }
.blog-content h2{ font-size: 24px; color: #fff; line-height: 30px; }
.blog-content h2 a{ color: #fff; }
.blog-content h2 a:hover{ text-decoration: none; color: #1d5477; }
.blog-grid-content h2 a{ color: #fff; }
.blog-grid-content h2 a:hover{ text-decoration: none; color: #1d5477; }
.blog-page{ width: 100%; float: left; background-image: #f6f6f6; padding:50px 0; }
.blog-image-style{ position: relative; }
.blog-grid{ background: #252D2D; }
.blog-grid-content{ padding:10px; }
.blog-grid-content h2{ font-size: 18px; color: #fff; line-height: 25px; margin-top: 0; }
.fix-img-blog img{
}
.blog-row{ margin-bottom: 30px; float: left; }
.blog-grid-content span{ color: #007bb6; }
/*=============== Blog Details=====================*/
.inner-blog-detials-banner{ width: 100%; float: left; padding:100px 0; background:#007bb6; }
.blog-detail-heading{ text-align: center; }
.blog-detail-heading h1{ font-size: 35px; line-height: 40px; margin-top: 0; color: #000;}
.blog-detail-heading p{
font-size: 18px;
line-height: 30px;
margin-top: 0;
color: #000;
}
.blog-detail-heading ul{list-style: none; padding-left: 0;}
.blog-detail-heading ul li{ display: inline-block; margin: 0 10px; position: relative; padding-left: 20px; font-size: 16px; color: rgba(0,0,0,.6);}
.blog-detail-heading ul li:before{ position: absolute; font-family: FontAwesome; font-size: 18px; color: rgba(0,0,0,.4); left: 0; }
li.blog-user:before{ content:"\f007"; top:-2px; }
li.blog-date:before{ content:"\f073"; top:-2px; }
li.blog-comment-icon:before{ content:"\f086"; top:-2px; }
.blog-page-detail{ float: left; width: 100%; }
.blog-content-row{ padding:40px 15px; border: 1px solid rgba(0,0,0,.1); text-align: justify; width: 100%; float: left; }
.blog-content-box h6{ font-size: 18px; }
.blog-content-box ul{ list-style: none; padding-left: 10px; }
.blog-content-box ul li{ position: relative; padding-left: 20px; font-size: 15px; margin-bottom: 15px; }
.blog-content-box ul li:before{ position: absolute; font-family: FontAwesome; font-size: 16px; color: #1d5477; content: "\f058"; left: 0; }
.blog-next-pre{ border-top: 1px solid rgba(0,0,0,.1); padding: 20px 0; }
.blog-next-pre ul{ list-style: none; padding-left: 10px; }
.blog-next-pre ul li{ font-size: 18px; font-weight: 500; position: relative; }
.blog-next-pre ul li a i{ opacity: .6; }
.blog-next-pre ul li a:hover{ text-decoration: none; }
.blog-next-pre ul li a:hover i{opacity: 1;}
.pre{ float: left; }
.next{ float: right; }
.blog-comment{ border-top: 1px solid rgba(0,0,0,.1); padding: 20px 0; margin-top: 20px; }
.blog-comment h3{ margin-top: 0;}
.comment-form{ padding: 15px 0; }
.comment-row{ width: 100%; float: left; margin-bottom: 20px; }
.comment-row input[type="radio"]{ box-shadow: none; border: none; vertical-align: middle; }
.rating { overflow: hidden; }
.rating-input { float: right; width: 16px; height: 16px; padding: 0; margin: 0 0 0 -16px; opacity: 0; }
.rating-star { cursor: pointer; position: relative; display: block; width: 16px; height: 16px; background: url('../img/star.png') 0 -16px; }
.rating-star:hover { background-position: 0 0; }
.rating-star:hover,
.rating-star:hover ~ .rating-star { background-position: 0 0; }
.rating-star:hover,
.rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star { background-position: 0 0; }
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star { background-position: 0 0; }
.rating-star,
.rating:hover .rating-star { position: relative; float: right; display: block; width: 16px; height: 16px; background: url('../img/star.png') 0 -16px; }
.comment-row input[type="text"], input[type="password"], input[type="email"], textarea{box-shadow: 0 0 5px rgba(0,0,0,.1); background: transparent; color: #333; border-bottom:2px solid #006cb2;}
.comment-row input[type="submit"]{ border: none; max-width: 210px;}
.comment-row label{ font-size: 16px; }
.comment-row label sup{ color: red; }
.blog-sidebar{ margin-top: 40px; background:#f7f7f7; padding: 0px 0; float: left;}
.blog-widget h3{ background:#1d5477; color: #fff; padding: 10px; margin-top:0; font-size: 20px; }
.blog-widget ul{ padding-left: 15px; list-style: none; padding-bottom: 15px;}
.blog-widget ul li{ margin-bottom: 10px; }
/*================= User Details=========================*/
.inner-user-detials-banner{ width: 100%; float: left; padding: 40px 0; background: #e8f2f7 }
.userimg-box{ width: 20%; float: left; }
.userimg-box img{ padding: 5px; border-radius: 5px; border:1px solid rgba(0,0,0,.1); }
.userinfo-box{ width: 80%; float: left; padding: 0 20px;}
.userinfo-box ul{ margin-left: 0; padding-left: 0; list-style: none; }
.userinfo-box ul li{ display: inline-block; width: 50%; padding:0 10px; float: left; margin-bottom: 10px; font-size: 16px; border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom: 10px; color: #545454; }
.userinfo-box h3{ margin-top:0; font-size: 20px; color: #666666; padding: 0 10px; margin-bottom: 20px; }
.userinfo-box ul li span{ color: #007bb6; font-weight: 500; padding-right: 5px; }
.userinfo-box ul li a { color: #545454; }
.userinfo-box ul li a:hover{ color:#007bb6; }
/* bhoechie tab */
div.bhoechie-tab-container{
z-index: 10;
background-color: #ffffff;
padding: 0 !important;
border-radius: 4px;
-moz-border-radius: 4px;
margin-top: 20px;
margin-left: 50px;
/*-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
-moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);*/
background-clip: padding-box;
opacity: 0.97;
filter: alpha(opacity=97); }
div.bhoechie-tab-menu{
padding-right: 0;
padding-left: 0;
padding-bottom: 0; }
div.bhoechie-tab{ border:1px solid #ddd; min-height: 308px; margin-bottom: 20px; padding-left: 5px; }
.list-group-item{ border-right: 0; }
div.bhoechie-tab-menu div.list-group{
margin-bottom: 0; }
div.bhoechie-tab-menu div.list-group>a{
margin-bottom: 0;
font-size: 18px;
padding: 5px 10px; }
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
color: #007bb6; }
div.bhoechie-tab-menu div.list-group>a:first-child{
border-top-right-radius: 0;
-moz-border-top-right-radius: 0; }
div.bhoechie-tab-menu div.list-group>a:last-child{
border-bottom-right-radius: 0;
-moz-border-bottom-right-radius: 0; }
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
background-color: #007bb6;
background-image: #007bb6;
color: #ffffff; }
div.bhoechie-tab-menu div.list-group>a.active:after{
content: '';
position: absolute;
left: 100%;
top: 50%;
margin-top: -13px;
border-left: 0;
border-bottom: 13px solid transparent;
border-top: 13px solid transparent;
border-left: 10px solid #007bb6; }
div.bhoechie-tab-content{
background-color: #ffffff;
/* border: 1px solid #eeeeee; */
padding-left: 10px;
padding-top: 10px; }
div.bhoechie-tab div.bhoechie-tab-content:not(.active){
display: none; }
.user-table thead th{ border-bottom: 0 !important; }
.user-table tbody tr td{ text-align: center; font-size: 13px; padding: 7px 5px; border:1px solid #ddd; }
.clg-name{ color: #007bb6;}
.user-table tbody tr:nth-child(odd){ background: #f9f9f9; }
.table-responsive{ overflow-x:hidden; }
.st-review-page{ width: 100%; float: left; padding: 50px 0;}
.st-review-form{ width: 80%; margin:30px auto; background: #fff; }
.review-form{box-shadow: 0 0 5px rgba(0,0,0,0.1); width: 100%; float: left; padding: 35px 20px;}
.form-control{ height: 40px; }
input[type="submit"]{border:2px solid #007bb6; font-size: 18px; color: #fff; background:#007bb6; width: 25%; display: inline-block; height: auto; line-height: 28px; }
/*===== ADD Comapre=================================*/
.compare-hidden { position: fixed; right: 0; bottom: 0; left: 0; z-index: 99; box-shadow: 0 -3px 3px rgba(0,0,0,0.4); -o-box-shadow: 0 -3px 3px rgba(0,0,0,0.4); -ms-box-shadow: 0 -3px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0 -3px 3px rgba(0,0,0,0.4); -webkit-box-shadow: 0 -3px 3px rgba(0,0,0,0.4); }
.compare-hidden .compare-hidden-head { background-color: #252518; padding: 5px; }
.fl-left { float: left; }
.compare-hidden-head h4 { color: #fff; margin-top: 5px; }
.fl-right { float: right; }
.compare-hidden-head .btn { padding: 5px 15px; font-size: 14px; }
.button-group .btn { margin-right: 15px; }
.compare-hidden-head .btn2 { background-color: #fff; color: #008CD3; }
.button-group .btn:last-child { margin-right: 0; }
.clear::after { content: ' '; height: 0; font-size: 0; display: block; }
.clear, .clear::before, .clear::after { clear: both; }
.compare-hidden .compare-hidden-body { background-color: #008CD3; padding: 15px 0; }
.compare-hidden-body li.empty-college { border: 3px dashed #f86529; text-indent: -999em; background: url(../img/add-college.png) no-repeat center #fff; }
.compare-hidden-body li { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; float: left; min-height: 55px; vertical-align: top; background-color: #fff; border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin-right: 15px; width: 218px; position: relative; box-shadow: 0 0 4px rgba(0,0,0,0.6); -o-box-shadow: 0 0 4px rgba(0,0,0,0.6); -ms-box-shadow: 0 0 4px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 4px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.6); }
.compare-hidden-body li:nth-of-type(5) { margin-right:0; }
.compare-hidden-body li.empty-college { text-indent: -999em; }
.compare-hidden-body li span { display: block; }
.compare-append{ padding-left: 0; }
.compare-append ul{ padding-left: 0; }
/*==============ResponsiveCSS========================*/
.login-left{ width: 100%; float: left; background: #f1f1f1; padding:15px 20px;
}
.jm-logo{ text-align: center; margin-bottom: 15px;}
.jm-logo img{ display: inline; }
.login-left .login-content h5{ font-size: 16px; margin:0; color: #818181; margin-bottom: 15px;
}
.login-left .login-content p{ font-size: 15px; font-size: 500; margin-bottom: 10px;
}
.login-left .login-content ul{ padding-left: 5px;margin-left: 30px; }
.login-left .login-content ul li{ font-size: 13px; margin-bottom: 5px; list-style: disc;font-weight: normal;color: #000;}
#loginModal .modal-body{display: flex; flex-wrap: wrap; width: 100%; float: left; padding: 0; }
#loginModal .modal-body .col-md-6{ padding: 0; display: flex; flex-direction: column; }
#loginModal .modal-body .col-md-6{ padding: 0; /*max-height: 435px;*/ align-items: stretch; justify-content: center;}
/* On small screens, set height to 'auto' for sidenav and grid */
@media(max-width: 480px) {
.top-contact ul{ padding-right: 20px; padding-left: 40px; }
.top-header .countries-block{ width: 100% !important; }
.new-btn{ width: 30%; }
.m-block{ display: unset; }
.news-marquee .marquee{ width: 69% !important; }
.header-right{ position: relative; text-align: center; right: auto; }
.home-search-box h1{ font-size: 20px; }
.banner-search{display:none; position: relative; width: 100%; top: auto; left: auto; transform: unset;}
.login-register{ margin-top:0; padding-bottom: 5px; }
.jm-header-section h1{ font-size: 28px; }
.jm-header-section p{ font-size: 12px; }
.jm-header-section p br{display: none;}
.col-md-12, .col-md-3, .col-md-4{ padding:0; }
.home-clg-feature-row .col-md-3{ padding: 0; }
.holder{ margin-bottom: 40px; }
.news-section .col-big{ width: 100%; }
.news-section .col-medium{ width: 100%; }
.news-section .col-small{ width: 100%; }
.exam-icon-box{ border:none !important; }
.exam-icon-box{}
.first-row,.second-row .col-md-6:not(:nth-child(1)) .col-md-3:nth-child(4){border-right: none;}
.social-media ul{ border: none;}
.social-media ul li{ border:none; }
.top-header .top-links{ float: left; }
.copyright li{ font-size: 12px; margin-right: 5px; padding-right: 4px; margin-bottom: 5px; }
.copyright p{ font-size: 12px; }
.social-media{ margin-left: 5px; }
.social-media ul li a{ width: 25px; font-size: 14px; }
.top-links ul li{ padding: 15px 7px; }
.top-links ul li a::after{right: -9px;}
.top-header{ padding:0 10px; }
.clg-detail-banner{ background: #006cb2 url("../img/res-clg-bg.jpg"); padding:180px 15px 0; }
.clg_bread_crumb p{ font-size: 12px; }
.clg_bread_crumb{ padding:5px 10px; }
.clg-heading-box{ padding: 15px 5px; }
.clg-name-detail h1{ margin-top:10px; font-size: 14px; font-weight: 500; line-height: 20px; }
.address{ font-size: 12px; padding-left: 15px;}
.address::before{ font-size: 15px; top: -2px;}
.rating-blcok a{ font-size: 10px; }
.rating-blcok{ margin-left: 5px; padding-left: 5px; }
.rating-blcok i{ font-size: 10px; }
.clg-top-feat li{ font-size: 12px; }
.clg-apply{font-size: 16px;}
.clg-compare{ font-size: 16px; }
.clg-left h3{ font-size: 18px; margin-bottom: 25px;}
.detail-facilities ul li{margin-left: 0; padding-left: 0px; padding-right: 0; font-size: 12px; width: 50%; margin-right: 0;}
.clg-icon-detail-box ul li{ width: 50%; margin-left: 0; margin-right: 0; }
.clg-icon-detail-box ul li h4{ font-size: 12px; }
.review-right{border-top: 1px solid rgba(0,0,0,.2); padding-top: 20px; margin-top: 30px;}
.wt-40, .wt-50{ width: 100%; }
.mg40{ margin: 0; }
.detail-placement{ padding: 0 7px; }
.detail-placement .col-md-3{ width: 50%; float: left; padding: 0 5px; }
.clg-icon-detail-box ul{ padding: 0 10px; }
.detail-placement ul li{ margin-bottom: 10px; }
.newsletter-img{display: none;}
.newsletter-section .search-design{ width: 95%; }
.jm-header-section ul li{ margin: 5px 0px }
.newsletter-section{ padding: 30px 0px 80px; }
.search-design{width: 90%;}
.inner-search-banner{ background-image: none; padding: 80px 0 150px; height: auto; }
.inner-contact-banner{ background-image: none; padding: 80px 0 150px; height: auto; }
.welcome-section{ background-image: none; padding: 50px 15px 40px; }
.feature-list li{ width: 100%; margin-bottom: 30px; }
.page-heading h1{ font-size: 20px; }
.page-heading{ width: 90%; }
.choice .left, .choice .right{ width: 90%; }
.text{ padding: 0; margin-bottom: 30px; }
.text{ padding: 0; margin-bottom: 30px; }
.contact-info-block .info-block{ width: 100%; padding: 30px 0px; border-right: 0;}
.contact-info-block .address-block{ padding-left: 0; }
.field-row .radio-box{ margin-bottom: 15px; width: 100%; } hr{ display: none; }
.clg-detail-content .col-md-8{ padding-right: 0; }
.clg-left p{ margin-bottom: 15px; }
.blog-banner-big, .blog-banner-medium, .blog-banner-small{ width: 100%; }
.blog-row .col-md-4{ padding: 0 15px !important; }
.blog-grid{ margin-top:20px; }
.placement-ratio ul li{ width: 100%; float: left; margin:10px 0; }
.clg-flex-box table{ width: 100%; display: block; }
.clg-flex-box table tr th{ width: 100%; float: left; text-align: center;} .clg-flex-box table tr th img{ display: inline-block; }
.clg-flex-box table tr td{ width: 100%; float: left; text-align: center; }
.clg-flex-box table tr td:nth-child(1){ background: #1d5477; color: #fff; font-size: 16px; }
.clg-flex-box table tr td strong{ font-weight: 500; letter-spacing: 1px; }
.fix{ position: relative; width: 100%; left:auto; top:auto; z-index: 1;}
.clg-flex-box table tr td strong{ color: #fff; }
.clg-flex-box table tr td span.clg-name{display: block; color: #1D5476;}
.home-clg-feature-row .col-xs-12{ padding: 0; }
.img-widget{ width:100%; padding-left: 5px; padding-right: 5px; } div.bhoechie-tab-container{ margin-left: 0 !important; padding: 0 10px !important; }
.list-group-item{ padding: 7px 5px !important; font-size: 12px !important; }
.list-group-item h4{ display: none; font-size: 12px;}
.userinfo-box h3{ font-size: 14px; line-height: 20px; }
.userinfo-box{ width: 100%; text-align: center; padding: 0 10px;}
.userimg-box img{ width: 130px; text-align: center; display: inline-block; }
.userimg-box{ width: 100%; text-align: center; margin-bottom: 14px;}
.userinfo-box ul li{ font-size: 12px; }
.userinfo-box ul li span{ display: block; }
.table-responsive{ overflow-x:auto; }
.login-left{ display: none; }
.modal-dialog{margin:0 !important; padding: 20px;} #loginModal .modal-body .col-md-6{ width: 100%; }
.compare-hidden-body li { min-height: 50px !important; width: 17% !important; margin-right: 5px; }
.button-group .btn:last-child{ margin-right: 60px; }
}
@media screen and (min-width: 320px) and (max-width: 599px){
.compare-hidden-body li { min-height: 50px; width: 17%; margin-right: 5px; }
.button-group .btn:last-child{ margin-right: 60px; }
}
/*@media (min-width: 600px) and (max-width: 767px){*/
@media only screen and (max-width: 767px){
.sidebar{float: none;
display: flex;
flex-direction: column;
width: 100%;}
.top-header .countries-block{ width:100%; }
.news-marquee .marquee{ width: 83%; }
.top-header .top-links{ float: left; }
.home-search-box a{ font-size: 16px; padding: 10px 12px; }
.jm-header-section h1{ font-size: 24px; line-height: 30px; }
.welcome-box-left h3{ color: #fff; margin-bottom: 10px; font-size: 18px; font-weight: 400; margin-top: 10px; }
.welcome-section{ background-image: none; }
.home-clg-feature-row .col-xs-12{ width: 50%; }
.home-clg-feature-row .col-md-3{ padding: 0 10px; }
.newsletter-img{ display: none; }
.newsletter-section .search-design{ width: 70%; } h1{ font-size: 28px; }
.content{ background-size: 4% !important; }
.page-heading h1{ font-size: 32px; }
.page-heading{ width: 90%; }
.choice .radio label{ font-size: 12px; }
.inner-page-title h1 ,
.home-search-box h1{ font-size: 20px !important; line-height: 30px !important; margin-bottom: 20px; }
.main-links{ width: 100%; padding: 25px 20px;}
.main-links .col-md-3{ width: 50%; float: left; min-height: 250px; }
.choice .left, .choice .right{ width: 100%; }
.text{ margin-bottom: 25px; }
.clg-detail-banner{ background-position: top; padding-top: 260px; }
.detail-facilities ul li{ width: 19%; }
.detail-facilities ul li h4{ font-size: 10px; }
.clg-icon-detail-box ul li{ width:19.9%; }
.clg-icon-detail-box ul li h4{font-size: 11px;}
.clg-icon-detail-box ul li span{ font-size: 10px; }
.clg-name-detail h1{ margin-top:10px; }
}
/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
.column { -ms-flex: 50%; flex: 50%; max-width: 50%; }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column { -ms-flex: 100%; flex: 100%; max-width: 100%; }
}
@media screen and (max-width: 767px) {
.sidenav { height: auto; padding: 15px; }
.row.content {height:auto;} .logo{ width: 100%; float: left; padding-left: 0px; margin-left: -15px; }
.top-bar .container{ padding: 0; }
.top-contact::before{ border-top: 35px solid #fff; }
.top-contact::after{ border-top: 35px solid #fff; }
.top-contact ul{ padding-right: auto; padding-left: auto; }
.logo{ font-size: 16px; }
.pricingdiv ul.theplan{ border-radius: 0; width: 100%; margin-right: 0;
}
.pricingdiv ul.theplan:hover{ transform: none; box-shadow: none;
}
.pricingdiv a.pricebutton{ display: block;
}
.img-holder{ display: block; margin-top: 20px; }
.web-development, .ad-word{background-image: none; display: block; height: 100%;}
.width-60, .width-40, .width-50{ width: 100%; }
h1{ font-size:24px; line-height: 35px; }
h2{ font-size: 28px; line-height: 38px; }
.web-left-section ul li{ width: 100%; }
.font-large{ font-size: 14px; }
.form-box{padding: 20px 0;}
.orbit-address{ padding: 30px 0; }
.phone-nav{ display: block; margin-top:0;}
.res-phone{ display: block; }
.orbit-contact li{ margin: 0 auto; }
.orbit-address{ width: 100%;}
.mobile-section { display: block; }
.home-search-box h1{ font-size: 20px !important; line-height: 30px !important; margin-bottom: 5px; }
}
@media screen and (min-width: 768px) and (max-width: 992px){
.content{ background-size: 10% !important; }
.phone-nav{ display: none; margin-top:0;}
.sidenav { height: auto; padding: 15px; }
.row.content {height:auto;} .logo{ width: 100%; float: left; padding-left: 0px; margin-left: -15px; }
.top-bar .container{ padding: 0; }
.top-contact::before{ border-top: 35px solid #fff; }
.top-contact::after{ border-top: 35px solid #fff; }
.header-right{ top:20px; }
.top-contact ul{ padding-right: auto; padding-left: auto; }
.logo{ font-size: 16px; }
.pricingdiv ul.theplan{ border-radius: 0; width: 33.33%; margin-right: 0;
}
.click-move{ bottom: -45px; }
.pricingdiv ul.theplan:hover{ transform: none; box-shadow: none;
}
.pricingdiv a.pricebutton{ display: block;
}
.img-holder{ display: block; margin-top: 20px; }
.web-development, .ad-word{background-image: none; display: block; height: 100%;}
.width-60, .width-40{ width: 100%; }
.width-50{ width: 50%; }
.orbit-contact li{ margin: 0 auto; }
.orbit-address{ width: 100%;}
.mobile-section { display: block; }
}
.error-message{color: #f00; font-size: 12px; display: block; margin: 5px 0 0;}
.remove-college{cursor: pointer;position:absolute; width:20px; height:20px; top:-10px; right:-10px; background:url(../img/remove.png) no-repeat; z-index:1; text-indent:-999em; overflow:hidden;}
.compare-hidden-body li span.compare-college-img{float:left; margin-right:10px; width:50px;}
.compare-hidden-body li span.compare-college-text{float:left; width:calc(100% - 60px); font-family: 'ubuntulight'; font-size:14px; line-height: 17px; display:block; }
.compare-hidden-body li:last-child{margin-right:0;}
span.compare-college-img img{display:block; max-width:100%;}
/*=================== User Review Show===================*/
.not-login h4{ font-size: 14px; }
.clg-st-review-block { float: left; border-top: 1px solid #ddd; padding-top: 15px; padding-left: 15px; padding-right: 15px; margin-bottom: 20px; box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24); padding-bottom: 20px; min-width: 100%; }
.st-review-span .rating-block span.bold { font-size: 18px; margin-right: 10px; }
.user-review-data{ max-height: 205px; overflow: hidden; transition: all 3s linear; }
.user-height-auto{ max-height: 100% !important; }
.user-review-data p { margin-bottom: 0px; padding: 5px 0px; }
.readmore{ cursor: pointer; font-size: 15px; color: #337ab7; }
#st-reviewname { text-transform: capitalize; letter-spacing: .5px; }
.clg-route-st-review .clr-route-byuser { margin-left: -15px; border-bottom: 1px solid #ddd; margin-right: -15px; padding-left: 15px; padding-right: 15px; padding-bottom: 10px; border-top: 1px solid #ddd; margin-top: 10px; margin-bottom: 5px; font-size: 12px; }
#title-review { font-size: 17px; font-weight: 500; padding-left: 7px; color: #000; }
.rating-block .btn-sm { font-size: 12px; padding: 5px; line-height: 1; vertical-align: inherit; }
.user-feedback { padding: 15px 0px 7px; }
.helpfull { border: 2px solid #337ab7; padding: 5px 7px; font-size: 14px; line-height: 1; margin-left: 7px; margin-right: 7px; color: #313C4E; text-transform: uppercase; letter-spacing: 1px; }
/*======================================================update 23-6-19======================================================*/
#loginModal .col-md-6 + .col-md-6 { padding: 15px; }
#loginModal .modal-title { padding-bottom: 15px; }
.form-control { color: #333 !important; }
#loginModal .registerBox .form-control,
#loginModal .loginBox .form-control { margin-bottom: 15px; }
#loginModal .modal-body .col-md-6 { width: 50%; }
#loginModal .modal-body .registerBox .btn-register { margin: 10px 0; }
.login-left { min-height:100%; }
.clg-comapre-section .table .fix { left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); }
.site-header .logo_box { margin:8px 0 0 0; width: 220px; float: left; }
.site-header .main-nav { width: calc(100% - 220px); padding-left:15px; float: right; }
.modal.login .popup-header { padding: 0 0 15px; text-align:center; }
.modal.login .popup-header img { max-width: 250px; display:inline-block; vertical-align: top; }
.tab-compare-search .choice .text #CollegePercent { width: calc(100% - 60px); color: #fff !important; }
.tab-compare-search .choice *::-webkit-input-placeholder { opacity:1; color: #fff !important; }
.tab-compare-search .choice *::-moz-placeholder {opacity:1;color: #fff !important; }
.tab-compare-search .choice *:-ms-input-placeholder {opacity:1;color: #fff !important; }
.tab-compare-search .choice .text #CollegePercent + span { width:60px; }
.home-clg-feature-row { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.home-clg-feature-row [class*="col-"] { float: none; }
.top-content .result-image { height:100%; object-fit: cover; object-position: center center; }
.clg-name-address { padding-right:10px; }
.blog-feature-img { width: 100%; }
.page-breadcum { width: 100%; overflow: hidden; }
input[type="password"] { border-radius: 0px !important; border-top: 0 !important; border-left: 0 !important; border-right: 0 !important; border-bottom: 2px solid #006cb2 !important; color: #333333 !important; font-size: 16px !important; height: 40px !important; margin-bottom: 10px; padding: 10px 12px !important; width: 100% !important; }
.faq-content { margin:0; }
.faq-content .panel-heading h4 {margin:0; }
.faq-content .panel-heading h4 a { position: relative; padding-right:40px; }
.faq-content .panel-heading h4 a:after { width: 30px; height: 30px; content:'+'; font-size: 30px; font-weight:400; position:absolute; right:0px ; color: #fff; top:
50%; margin-top:-16px; text-align: center; }
.faq-content .panel-heading h4 a.active:after { content:'-'; }
.panel-group .panel + .panel { margin-top:10px; }
.clg-abot-content { background-position: calc(100% - 200px) bottom; background-size: auto 500px; }
.clg-what-do { background-size: auto 480px; background-position: calc(50% - 250px) bottom; }
.content-block .form-box .field-row input { margin:0; }
.content-block .form-box .field-row .field-call { margin-top:15px; }
.content-block .form-box .field-row .cpcha_img { margin-top: 15px; }
.query-block .query-box { margin:0; width: calc(50% - 15px); float: left; }
.query-block .query-box + .query-box { float: right; }
.query-block .query-box img { margin-bottom: 15px; }
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
input[type="number"],
input[type="tel"] { background-color: rgba(0,0,0,0.03) !important; font-size: 15px !important; }
.form-box input[type="email"] { font-size: 15px !important; }
.content-block .form-box { width: calc(40% - 15px); margin:0; }
.content-block .contact-box { width: calc(60% - 15px); margin:0; float: right; padding:0; }
.content-block .form-box { padding: 0; }
.content-block { padding: 50px 25px; }
.contact-info-block { margin-top:40px; }
.modal-header .close { opacity: 100; right:-38px !important; }
.login .modal-dialog { width: 100% !important; max-width: 600px ; }
.update-form input[type="submit"] {color: #fff !important; }
.update-form input[type="submit"]:hover{ color: #007bb6 !important; }
#editprofile .col-md-6 { width: calc(50% - 15px); }
#editprofile .col-md-12 { width: 100%; }
#editprofile {display: flex; -webkit-display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content:space-between; -webkit-justify-content:space-between; }
.blog-detail-heading ul li:before,.blog-detail-heading ul li { color: #fff; }
.clg-flex-box table tr th { vertical-align: top !important; }
.clg-flex-box table tr th:first-child { vertical-align: middle !important; }
.clg-flex-box table tr th img { width: 100px; }
#loginModal .modal-body .btn.btn-login { margin: 10px 0 0 0 !important; }
.home-clg-feature-row { display: contents; -webkit-display: contents; }
.college-listing { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.jm-header-section h1 { margin-bottom: 20px; }
.clg-heading-box .clg-right a.clg-apply:focus,
.clg-heading-box .clg-right a.clg-compare:focus,
.clg-heading-box .clg-right a.clg-broucher:focus a.clg-placement:focus { color: #fff; text-decoration:none; }
.clg-detail-content .sidebar-list li { width: 100%; }
.clg-detail-content .clg-icon-detail-box ul ,
.clg-detail-content .detail-facilities ul { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; margin: 0 -10px; }
.clg-detail-content .detail-facilities ul li { width: calc(20% - 20px); margin: 10px; }
.clg-detail-content .clg-icon-detail-box ul li .clg-icon img ,
.clg-detail-content .detail-facilities ul li .clg-icon img { width:auto; height:42px; }
.clg-detail-content .clg-icon-detail-box ul li { width: calc(25% - 20px); margin: 10px; }
.clg-detail-content .detail-placement ul { margin: 0 -10px; }
.clg-detail-content .placement-ratio ul li { padding: 0 10px; }
.clg-detail-content .detail-facilities,
.clg-detail-content .detail-placement,
.clg-detail-content .clg-reviews,
.clg-detail-content .clg-info { padding: 20px; }
.clg-detail-content .clg-left h3 { margin-left: -20px; margin-right:-20px; }
.clg-detail-content .clg-icon-detail-box .row { margin:0; }
.clg-detail-content #gallery.clg-gallery { margin: 0 -10px; padding-bottom:0; }
.clg-detail-content #gallery.clg-gallery .column { padding: 0 10px 20px; }
.clg-detail-content #gallery.clg-gallery .column a { margin: 0 0 15px; display: inline-block; vertical-align: top; }
.clg-detail-content #gallery.clg-gallery .column img { margin:0; }
.clg-detail-content .clg-video-box .col-md-12 { padding:0; }
.clg-detail-content .clg-video-box { padding: 20px 0; }
.clg-detail-content .user-review { padding:0; }
.clg-reviews .not-login.text-center { text-align: left; }
.sidebar-list li a { padding-top:0px; font-size: 15px; line-height: 19px; display: inline-block;position: relative; padding-left: 20px;}
.sidebar-list li a:before {content: ""; position: absolute; left: 0px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #333;
top: 2px;}
.slide-out-div .admission-form { background: #fff; padding: 15px; border: 5px solid #008cd3; }
.slide-out-div .admission-form h3 { margin: 0 0 15px; color: #008cd3; }
.slide-out-div .handle { top: -9px; }
.college-listing .col-md-3 { padding: 0 20px; }
#Cpmpare { background: #fff; color: #008CD3; }
.compare-hidden .compare-hidden-head { padding: 10px 0; }
.compare-hidden .compare-hidden-head h4 { margin:6px 0 0; }
.news-marquee marquee a { color: #fff; }
.top-header .countries-block { width: 60%; }
.home-search-box a.btn-flash { border:0 !important; }
/* css for latest news*/
.right_blog_bar {
background-color: #e9f5fd;
padding: 24px 20px;
border-radius: 16px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
font-family: 'Segoe UI', sans-serif;
}
.right_blog_bar .internal h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 16px;
color: #1a1a1a;
border-left: 4px solid #1a73e8;
padding-left: 12px;
margin-top: 0px;
}
.right_blog_bar ul {
list-style: none;
padding: 0;
margin: 0;
}
.right_blog_bar ul li {
margin-bottom: 14px;
padding-bottom: 12px;
border-bottom: 1px dashed #ddd;
}
.right_blog_bar ul li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.right_blog_bar ul li a {
text-decoration: none;
color: #333;
font-size: 15px;
line-height: 1.4;
display: block;
transition: color 0.3s ease, transform 0.3s ease;
}
.right_blog_bar ul li a:hover {
color: #1a73e8;
transform: translateX(4px);
}
/* Responsive tweaks if needed */
@media (max-width: 768px) {
.right_blog_bar {
margin-top: 24px;
padding: 20px 16px;
}
.right_blog_bar .internal h3 {
font-size: 16px;
}
.right_blog_bar ul li a {
font-size: 14px;
}
}
.detailcontnet-blog {
font-family: 'Segoe UI', sans-serif;
background-color: #ffffff;
padding: 30px 24px;
border-radius: 16px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
color: #333;
line-height: 1.7;
padding-top: 0;
}
.detailcontnet-blog .full_image {
margin-bottom: 20px;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}
.detailcontnet-blog .full_image img {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
}
.detailcontnet-blog .date {
font-size: 14px;
font-weight: 500;
color: #888;
display: inline-block;
margin-bottom: 20px;
background-color: #f0f2f5;
padding: 6px 12px;
border-radius: 8px;
}
.detailcontnet-blog p {
margin-bottom: 18px;
font-size: 16px;
color: #444;
}
.detailcontnet-blog p strong,
.detailcontnet-blog p b {
color: #1a73e8;
}
.detailcontnet-blog p:first-of-type {
font-size: 17px;
font-weight: 500;
color: #2a2a2a;
}
.detailcontnet-blog ul,
.detailcontnet-blog ol {
padding-left: 20px;
margin-bottom: 18px;
color: #444;
}
.detailcontnet-blog li {
margin-bottom: 8px;
}
.detailcontnet-blog br+br {
display: none;
/* remove double spacing from
*/
}
@media (max-width: 768px) {
.detailcontnet-blog {
padding: 24px 16px;
}
.detailcontnet-blog p {
font-size: 15px;
}
.detailcontnet-blog .date {
font-size: 13px;
padding: 5px 10px;
}
}
.heroHeading-long{text-align: center;
border-bottom: 3px solid #000;
width: auto;
margin: 30px auto;
padding-bottom: 5px;
display: flex;
flex-wrap: wrap;font-size: 4rem;
line-height: 5.5rem;}
.clg-reviews {
background-color: #ffffff;
padding: 24px 20px;
border-radius: 16px;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
font-family: 'Segoe UI', sans-serif;
margin-bottom: 30px;
}
.clg-reviews .comment h3 {
font-size: 20px;
font-weight: 600;
margin-bottom: 18px;
color: #1a1a1a;
border-left: 4px solid #1a73e8;
padding-left: 12px;
}
.clg-reviews .clg-video-box {
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: flex-start;
}
.clg-reviews .clg-video-box .col-md-12 {
display: flex;
flex-direction: column;
gap: 12px;
background-color: #f8f9fa;
padding: 16px;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease;
}
.clg-reviews .clg-video-box .col-md-12:hover {
transform: translateY(-4px);
}
.clg-reviews .clg-video-box .col-md-12 > div:first-child {
font-size: 16px;
font-weight: 500;
color: #333;
}
.clg-reviews .clg-video-box .column img {
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease;
}
.clg-reviews .clg-video-box .column img:hover {
transform: scale(1.05);
cursor: zoom-in;
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.clg-reviews {
padding: 20px 16px;
}
.clg-reviews .clg-video-box {
flex-direction: column;
}
.clg-reviews .clg-video-box .col-md-12 {
padding: 14px;
}
.clg-reviews .clg-video-box .col-md-12 > div:first-child {
font-size: 15px;
}
}
/* css end for latets news*/
/*========responsive========*/
@media screen and (max-width: 1599px) {
.clg-abot-content { background-position: calc(100% - 15px) bottom; background-size: auto 500px; }
}
@media screen and (max-width: 1499px) {
.inner-search-banner{ background-size: 350px auto; }
}
@media screen and (max-width: 1399px) {
.home-clg-feature-row { margin: 20px -10px 0; }
.college-listing .col-md-3,
.home-clg-feature-row [class*="col-"] { padding: 0 10px; }
.bottom-block .clg-fee-review-just { display: table; }
.bottom-block .clg-fee-review-just li { width:auto; display: table-cell; vertical-align: top; float: none; }
.search-design { width: 100%; max-width: 500px; }
}
@media screen and (max-width: 1199px) {
.compare-hidden-body .wrapper { width:100%; padding: 0 15px; }
.compare-hidden-body .compare-append { margin: 0; }
.compare-hidden-body .compare-append li { width: calc(20% - 14px); margin: 0 7px; }
.clg-comapre-section .table .fix { max-width: 940px; }
.news-marquee .new-btn { width: 85px; }
.news-marquee marquee { width: calc(100% - 85px); }
.clg-comapre-section .table tr th { padding: 20px 10px !important; }
.clg-comapre-section .table th .table-btn { font-size: 14px; line-height: 18px; display:inline-block; vertical-align: top; }
.clg-comapre-section .table thead tr th { vertical-align: top; }
.choice .left, .choice .right { width: 30%; }
.page-heading h1 { font-size: 50px; line-height: 55px; }
.college-listing .col-md-3,
.home-clg-feature-row [class*="col-"] { width: 33.33%; }
.newsletter-section { padding-left: 100px; }
.newsletter-img { left:0; }
.feature-list li a span { font-size: 20px; line-height: 24px; }
.feature-list li a i { width: 80px; height: 80px; line-height: 80px; font-size: 40px;}
.inner-search-banner { background-size:250px auto; background-position: right -20px; height: 310px; padding: 100px 0; }
.inner-page-title h1 { font-size: 40px; line-height: 44px; }
.clg-abot-content { background-position: 98% bottom; background-size: 38% auto; }
.clg-what-do { background-size: 50% auto; background-position: 15px bottom; }
.content-block .form-box { width: calc(50% - 15px) !important; margin:0 !important; }
.content-block .contact-box { width: calc(50% - 15px) !important; margin:0 !important; float: right; }
.query-block .query-box { margin:0 !important; width: calc(50% - 10px) !important; float: left !important; padding: 20px; }
.query-block .query-box + .query-box { float: right !important; }
.contact-box .timings { margin-bottom: 20px !important; }
.query-block .query-box img { max-width: 80px; }
.content-block .form-box .field-row .field-phone { width: 100%; }
.update-form input[type="submit"] { width:auto; display:table; margin:auto; }
div.bhoechie-tab-container { margin: 30px 15px; width: calc(100% - 30px); }
.clg-detail-banner .clg-heading-box .col-sm-2 { width: 100px; padding:0; }
.clg-detail-banner .clg-heading-box .col-sm-8 + .col-sm-2 { width: 150px; padding:0; }
.clg-detail-banner .clg-heading-box .col-sm-8 { width: calc(100% - 250px); }
.clg-detail-banner .clg-heading-box .clg-name-detail { margin:0; }
.clg-heading-box .clg-right a.clg-apply ,
.clg-heading-box .clg-right a.clg-compare ,
.clg-heading-box .clg-right a.clg-broucher a.clg-placement { font-size: 15px; margin-top:15px; padding: 3px 10px; }
.clg-heading-box .clg-right a i { margin-right:5px; }
.clg-heading-box .clg-right a.clg-apply { margin:0; }
.clg-heading-box .clg-top-feat li { font-size: 14px; line-height: 20px; margin-bottom: 10px; }
.clg-heading-box .clg-name-detail h1 { font-size: 22px; line-height: 26px; }
.clg-detail-content .clg-video-box iframe { height: 320px; }
}
@media screen and (max-width: 991px) {
.clg-comapre-section .table ,
.clg-comapre-section .table .fix { max-width: 720px; }
.clg-comapre-section .table strong { font-size: 14px; line-height: 18px; display: block; }
.clg-comapre-section .table th { padding: 10px; }
.clg-comapre-section .table th .table-btn { font-size: 12px; line-height: 16px; }
header { padding-right:0; }
.site-header .logo_box { width: 190px; }
.site-header .main-nav { width: calc(100% - 190px); }
.compare-hidden-body li span.compare-college-img { text-align:center; width: 100%; margin: 0 0px 10px 0; }
.compare-hidden-body li span.compare-college-img img { width:40px; display: inline-block; vertical-align: top; }
.compare-hidden-body li span.compare-college-text { text-align:center; width: 100%; }
.clg-flex-box table tr th h4 { font-size: 12px; line-height: 16px; }
.clg-comapre-section .table tr th { padding: 20px 7px !important; }
.choice .or { margin: 0 50px;}
.choice .left, .choice .right { width: calc(50% - 95px); }
.page-heading h1 { font-size: 40px; line-height:45px; }
.bottom-block .clg-fee-review-just .jm-key { font-size:12px; }
.clg-fee-review-just li { height: 35px; }
.bottom-block .clg-fee-review-just { margin: 15px 0; }
.newsletter-img img { width: 200px; }
.newsletter-section h2 { font-size: 30px; line-height: 35px; margin-top:0; }
.jm-header-section ul li { margin: 15px 15px; padding:0; }
.search-btn-div,
.page-search .search-design .js-search-btn,
.newsletter-section .js-search-btn { width: 60px; height: 60px; font-size: 12px; }
.search-btn-div:after,
.page-search .search-design .js-search-btn:after,
.newsletter-section .js-search-btn::after { top: 45px; }
.search-btn-div,
.page-search .search-design .js-search-btn,
.newsletter-section .js-search-btn { top: 10px; right:15px; }
.newsletter-section { padding-bottom: 100px; }
.company-info img.logo { display: table; margin: auto; float: none; }
.company-info ul.social-links { margin-top:15px; }
.company-info .social-links li { margin:0; }
.company-info ul.social-links { margin-bottom:0; }
.main-links h3 { font-size: 16px; line-height: 20px; }
.inner-page-title h1 ,
.home-search-box h1 { font-size: 30px; line-height: 36px; }
.feature-list li a { background: rgba(0,0,0,0.4); }
.exam-icon .col-md-6 .col-sm-4 { width: 25%; }
.first-row, .second-row .col-md-6:not(:nth-child(1)) .col-md-3:nth-child(4) { border:0 !important; }
.exam-icon-box { border:1px solid #CCC; margin: 0 -1px -1px 0; }
.page-search .search-design { margin:0; }
.inner-search-banner { padding: 100px 15px 70px; }
.inner-detail-banner { padding: 70px 0; height:300px; }
.clg-what-do .about-info.bb ,
.clg-abot-content .about-info.bb { border:0; background: rgba(0,0,0,0.5); margin:0; }
.clg-inner-left { padding:0; }
.about-info { padding-top:30px; padding-bottom: 30px; margin-bottom: 10px; }
.inner-page-title h1 { left:0; }
.field-row .radio-box { width:auto; min-width:150px; padding: 10px; }
.query-block .query-box { width: 100% !important; }
.query-block .query-box + .query-box { margin: 20px 0 0 0 !important; }
.query-block .query-box p { margin:0; }
.query-block .query-box img { max-width: 65px; }
.contact-info-block { padding:0; }
.contact-info-block .address-block,
.contact-info-block .info-block { width: 100%; padding: 20px 0 !important; }
.contact-info-block .info-block p { margin:0; }
.clg-flex-box table tr th img { width: 70px; }
.clg-detail-banner .clg-heading-box .col-sm-2 { width: 80px; }
.clg-detail-banner .clg-heading-box .col-sm-8 { width: calc(100% - 80px) }
.clg-detail-banner .clg-heading-box .col-sm-8 + .col-sm-2 { width: 100%; padding: 20px 0 0 95px; }
.clg-top-feat { padding-bottom:0; overflow: hidden; margin:0; }
.clg-left { overflow: hidden; }
.clg-heading-box .clg-right a.clg-apply ,
.clg-heading-box .clg-right a.clg-compare ,
.clg-heading-box .clg-right a.clg-broucher { display: inline-block; vertical-align: top; min-width: 150px; margin: 0 10px 10px 0; font-size: 13px !important; line-height: 20px !important; padding: 7px 10px !important; }
.clg-heading-box .clg-right a.clg-placement { display: inline-block; vertical-align: top; min-width: 150px; margin: 0 10px 10px 0; font-size: 13px !important; line-height: 20px !important; padding: 7px 10px !important; }
.clg-heading-box .clg-right a.clg-apply ,
.clg-heading-box .clg-right a.clg-compare { border: 2px solid transparent; }
.clg-detail-content #gallery.clg-gallery .column {width: 33.33%; max-width: 33.33%; flex: 33.33%; -webkit-flex: 33.33%; }
.clg-detail-content .user-review { float: none; }
.clg-left { padding-bottom:0; }
.clg-detail-content .sidebar { margin:20px 0; }
.sidebar-list li img { width:60px; }
.sidebar-list li a { width: calc(100% - 60px); }
.clg-detail-content .sidebar-list li { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; align-items:center; -webkit-align-items:center; }
.clg-detail-content .clg-video-box iframe { height: 375px; }
.top-header .countries-block { width: 50%; }
}
@media screen and (max-width: 767px) {
.h1,h1 { font-size:25px; line-height:30px; }
.h2,h2 { font-size:22px;line-height:26px; }
.h3,h3 { font-size:18px;line-height:22px; }
.h4,h4 { font-size:16px; line-height:20px; }
.h5,h5 { font-size:14px; line-height:18px; }
.h6,h6 { font-size:12px;line-height:16px; }
.clg-left #facilities .college-listing.rightList .home-clg-feature-row {
width: 100%;
margin-bottom: 20px;
}
.college-btn-style {
overflow: scroll;
}
.college-btn-style a {
width: auto;
white-space: nowrap;
}
.top-header { padding: 0 15px; }
.site-header .logo_box { width: 100%; margin: 0; padding: 7px 15px; }
.site-header .logo_box a { display:inline-block; vertical-align: top; max-width: 160px; }
.news-marquee { padding:5px 0 0 0; margin: 0 -15px; }
.site-header .main-nav { position: relative;z-index:999; width:100%; padding:0; background: #252E31; }
.dropdown-menu::-webkit-scrollbar {
width:10px;
}
/* Track */
.dropdown-menu::-webkit-scrollbar-track {
border-radius:5px;
}
/* Handle */
.dropdown-menu::-webkit-scrollbar-thumb {
background: grey;
border-radius:5px;
}
/*end new menu css*/
.compare-hidden-body li span.compare-college-img { text-align:center; width: 100%; margin: 0 0px 5px 0; }
.compare-hidden-body li span.compare-college-img img { width:auto; height: 25px !important; }
.compare-hidden-body li span.compare-college-text { font-size: 12px; line-height: 14px; }
.compare-hidden .compare-hidden-body { padding: 15px 0 !important; }
.clg-comapre-section .table { overflow:auto !important; }
.clg-comapre-section .table tr td,
.clg-comapre-section .table thead tr th { white-space:normal; }
.clg-comapre-section .table, .clg-comapre-section .table .fix { max-width: 100%; }
.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space:normal; }
.clg-flex-box table tr th,
.clg-flex-box table tr td { width: 100%; display: block; }
.clg-flex-box table tr td:nth-child(1) {background: #1d5477;color: #fff;font-size: 16px;}
.clg-flex-box table tr td strong { color: #fff;}
.clg-comapre-section .table .fix { position: static; left:auto; top:auto; transform: none; -webkit-transform: none; -ms-transform: none; }
.clg-flex-box table tr th img { width: 80px; padding: 10px; }
.clg-flex-box table tr th p { margin-bottom: 10px; }
.clg-comapre-section .table tr th { padding: 10px !important; }
.clg-flex-box table tr th h4 { margin: 15px 0 5px; }
.clg-comapre-section .table th .table-btn { margin:0; }
.modal.login .popup-header img { max-width: 200px; }
.choice .left, .choice .right { width: 100%; }
.tab-compare-search .tab-content { padding-left:15px; padding-right:15px; }
.choice .radio label { line-height: 16px; padding: 12px 15px; }
.choice .or span {width: 35px; height: 35px; padding:0; line-height: 35px; text-align:center; font-size: 17px; }
.choice .field { margin-bottom: 15px; }
.tab-compare-search .text { padding:0; margin-bottom: 10px; }
.blog-detail-heading h1,
.page-heading h1 { font-size: 30px; line-height: 36px; }
.page-heading { width: 100%; padding: 25px 15px; }
.college-listing .col-md-3,
.home-clg-feature-row [class*="col-"] { width: 50%; }
.college-content { margin-bottom: 30px; }
.newsletter-section { padding-left:0; }
.site-header .main-nav { display: none; }
.top-header .countries-block { width: 100%; }
.top-header .top-links { float: left; }
.exam-icon,
.welcome-section { padding: 30px 0; }
.home-search-box h1 { margin: 0 0 20px; }
.main-links .col-md-3 { min-height:inherit; }
.feature-list li { padding: 0 10px; }
.feature-list { margin: 20px -10px 0; width: calc(100% + 20px); }
.newsletter-section h2 { font-size: 22px; line-height: 26px; letter-spacing:normal; }
.jm-header-section ul li { margin: 5px 10px; }
.page-search .search-design .js-search,
.newsletter-section .js-search { font-size: 16px !important; padding-right:60px !important; height: 55px !important; }
.search-btn-div,
.page-search .search-design .js-search-btn,
.newsletter-section .js-search-btn { width: 45px; height: 45px; border-width: 3px; font-size: 11px; line-height: 34px; top: 6px; right:7px; }
.search-btn-div:after,
.page-search .search-design .js-search-btn:after,
.newsletter-section .js-search-btn::after { width: 3px; height: 20px; top: 36px; }
.newsletter-section { padding: 40px 0 60px !important; }
.carousel-indicators { bottom: -5px; }
.modal-header { padding:0; border:0; }
.modal-header .close { position:absolute; right:10px; top:5px; z-index:1; }
.modal-title { font-size: 16px; line-height:20px; padding-bottom: 10px; }
#loginModal .registerBox .form-control, #loginModal .loginBox .form-control { height: 30px; box-shadow: none !important; -webkit-box-shadow: none !important; margin-bottom: 10px; border-left:0; border-top:0; border-right:0; border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; }
.tab-content h3 { font-size: 20px; line-height: 24px; letter-spacing:normal; }
.text span { font-size: 14px; }
.inner-detail-banner { padding: 50px 0; height:200px; }
.inner-search-banner { height: 220px; padding: 70px 15px; background-size:190px auto; }
.inner-user-detials-banner { padding: 50px 0; height:auto; }
.page-search { width: calc(100% - 170px); }
.faq-content .panel-body,
.faq-content .panel-heading h4 a { font-size: 16px; line-height: 22px; }
.faq-main-box .point-allocate .table-responsive p { padding: 10px; margin: 0; }
.clg-inner-left h3 { font-size: 22px; line-height: 26px; }
.clg-abot-content { background-position: right bottom; background-size: 290px auto; }
.clg-what-do { background-size: 290px auto; background-position: 0px bottom; padding: 30px 0; }
.content-block .form-box { width: 100% !important; }
.content-block .contact-box { width: 100% !important; margin: 30px 0 0 0 !important; }
.contact-info-block .address-block div + div,
.contact-info-block .address-block div,
.contact-info-block .info-block div { padding-left:40px; background-size:25px auto; }
.content-block { padding: 40px 15px; }
.field-row .radio-box { min-width:inherit; width: 48% !important; margin:0; }
.field-row .radio-box + .radio-box { float: right; }
.inner-contact-banner { padding: 60px 0; }
.inner-page-title h1 { position: static; }
.login .modal-dialog { width: auto !important; max-width: 100%; }
.modal-header .close { right:0 !important; }
.content .form.loginBox,
.content.registerBox .form { padding:0; }
div.bhoechie-tab-menu div.list-group > a { font-size: 14px; line-height: 18px; }
.userimg-box { width: 90px; float: none; margin-bottom: 20px;}
.userinfo-box { width: 100%; padding:0; }
div.bhoechie-tab-content { padding:0; }
div.bhoechie-tab { padding: 20px 15px; }
.userinfo-box h3 { padding:0; }
.userinfo-box ul li { width: 100%; padding: 7px 0; margin-bottom: 0px; font-size: 14px; line-height: 18px; }
div.bhoechie-tab-container { padding:0 !important; margin: 20px 15px !important; }
table tr th { font-size: 14px; }
.clg-detail-banner { padding-top:200px; background-size:auto 200px; background-repeat:no-repeat; }
.clg-detail-banner .clg-heading-box .col-sm-2 { width: 100%; }
.clg-detail-banner .clg-heading-box .col-sm-2 .clg-logo img { max-width: 60px; }
.clg-detail-banner .clg-heading-box .col-sm-8 { width: 100%; padding: 10px 0; }
.clg-detail-banner .clg-heading-box .col-sm-8 + .col-sm-2 { width: 100%; padding:0; }
.clg-detail-content .col-md-4,
.clg-detail-content .col-md-8 { padding:0 15px !important; }
.clg-left { padding:0 0 20px; }
.clg-detail-content .detail-facilities, .clg-detail-content .detail-placement, .clg-detail-content .clg-reviews, .clg-detail-content .clg-info { padding: 15px 15px; }
.clg-detail-content .clg-left h3 { margin: 0 -15px 10px; font-size: 18px; line-height: 22px; padding: 0 15px 10px; }
.clg-left p { padding:0; margin-bottom: 15px; }
.clg-left { overflow:visible; }
.clg-icon-detail-box ul li span { min-height:0; }
.clg-detail-content .clg-icon-detail-box ul li { padding: 10px; min-height:0; }
.clg-icon-detail-box ul li h4 { font-size: 12px; line-height: 16px; }
.clg-heading-box .clg-right a.clg-apply, .clg-heading-box .clg-right a.clg-compare, .clg-heading-box .clg-right a.clg-broucher a.clg-placement { font-size: 13px !important; line-height: 18px !important; padding: 5px 10px !important; min-width:120px; }
.st-review-form { width: 100%; }
.review-form .col-md-6, .review-form .col-md-12 { padding:0; }
.review-form .form-group:last-child { margin-bottom:0;}
.clg-detail-content .clg-video-box iframe { height: 325px; max-width: 580px; margin:auto; display: block; }
.slide-out-div .handle { display: none !important; }
.compare-hidden .compare-hidden-head { padding: 10px 0 !important; }
.compare-hidden .compare-hidden-head h4 { margin:6px 0 0 !important; }
@media screen and (max-width: 599px) {
.welcome-section { background-image:none; }
}
@media screen and (max-width: 639px) {
#loginModal .usertypespan { padding-bottom:10px; display: block;}
.compare-hidden-body .compare-append { text-align:center; font-size:0; display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.compare-hidden-body .compare-append li { padding: 10px 5px; margin:7px; float: none; display:inline-block; vertical-align: top; }
.compare-hidden .compare-hidden-body { padding: 10px 0 !important; }
.compare-hidden-body .wrapper { padding: 0 10px; }
.clg-name-address a { font-size: 11px; }
.cpcha_img2 { width: 100% !important; }
#editprofile .col-md-6 { width: 100%; }
#editprofile { display: block; }
.update-form input[type="submit"] { font-size: 14px; line-height: 18px; }
div.bhoechie-tab-menu { width: 100px !important; }
div.bhoechie-tab { width: calc(100% - 100px); }
.clg-heading-box .clg-name-detail h1 { font-size: 20px; line-height: 24px; }
.clg-heading-box .clg-top-feat li { width: 100%; margin-bottom: 5px; }
.clg-detail-content .detail-facilities ul li { width: calc(25% - 20px); }
.clg-detail-content .clg-icon-detail-box ul li { width: calc(33.33% - 20px); }
.clg-detail-content .clg-video-box iframe { height: 237px; max-width: 420px; }
}
@media screen and (max-width: 480px) {
#loginModal .modal-body .col-md-6 { width: 100%; }
.compare-hidden-body li span.compare-college-img img { height: 30px !important; }
.compare-hidden-body li span.compare-college-img { margin:0; }
.compare-hidden-body .compare-append li { width: calc(20% - 10px) !important; margin:5px; min-height:0 !important; }
.remove-college { width: 15px; height: 15px; background-size:100% 100%; top: -7px; right:-7px; }
.compare-hidden-head h4 { font-size: 14px; }
.compare-hidden-head .btn { font-size: 12px; }
.clg-comapre-section .col-md-12 { padding: 0 15px; }
#loginModal .modal-body .registerBox .btn-register { display: table;}
ul.tabs > li { font-size: 14px; padding: 15px; }
.col-md-12, .col-md-3, .col-md-4 { padding: 0 15px; }
.college-listing .col-md-3,
.home-clg-feature-row [class*="col-"] { width: 100%; max-width: 350px; float: none; margin:auto; overflow:hidden; padding-bottom: 10px;}
.home-clg-feature-row { justify-content:center; -webkit-justify-content:center; margin: 0; }
.college-listing col-md-3:last-child .college-content { margin-bottom:0; }
.exam-icon .col-md-6 .col-sm-4 { width: 50%; padding:0; }
.exam-icon-box { border: 1px solid #ccc !important; }
.newsletter-section .search-design { width: 100%; }
.modal-body .various { font-size: 12px; line-height: 16px; }
.modal-body input[type="checkbox"] { width: 10px; height:10px; margin:3px 3px 0 0; }
#loginModal .modal-body .btn { font-size: 14px; line-height: 18px; padding: 5px 10px; display: inline-block !important; vertical-align: middle !important; vertical-align: top; margin: 5px 0 5px 10px !important; }
.page-search { width: 100%; }
input[type="radio"].custom-radio + label { font-size: 13px; }
#editprofile .form-control,
.home-clg-feature-row { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.college-listing { display: block; }
.clg-detail-banner.bg-size{background-size: 600px!important;background-image: url(https://www.mycollegeroute.com/img/clg-details-bg.jpg);}
.clg-detail-banner { padding: 150px 0 0; background-size:100% auto; background-size: contain!important; background-position: top!important;}
.clg-heading-box { padding: 15px; }
.package img { width:auto; max-height:80px; }
.clg-heading-box .clg-right a.clg-apply, .clg-heading-box .clg-right a.clg-compare, .clg-heading-box .clg-right a.clg-broucher a.clg-placement { min-width:100%; margin-right:0; }
.clg-detail-content .clg-icon-detail-box ul li,
.clg-detail-content .detail-facilities ul li { width: calc(50% - 20px); }
.clg-icon-detail-box ul { padding:0; }
.clg-detail-content #gallery.clg-gallery .column { padding:0; width: 100%; max-width:50%; flex: 100%; -webkit-flex: 100%;}
.clg-detail-content #gallery.clg-gallery .column a { width: calc(100% - 20px); margin: 10px; }
.st-review-page { padding: 30px 0; }
.st-review-form { display: table; }
.review-form { padding: 20px 15px; }
.clg-detail-content .clg-video-box iframe { height: 146px; max-width: 260px; }
.mobile-ony{}
.padding-mobile{padding-top: 120px;}
.mobile-ony{width: 100%;
display: block;
float: left;
height: auto;}
.mobile-ony img {
max-width: 100%;}
.compare-hidden .compare-hidden-head h4 { margin: 3px 0 0 0 !important; }
.placement-ratio ul li {
width: 50%;
}
.sidebar-clg h3 {
background: #313C4E;
color: #fff;
font-size: 20px;
padding: 10px;
margin-top: 0;
float: left;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.site-header .main-nav { display: block !important; }
}
@media screen and (max-width: 767px) {
.advertise-seting-wrap.clg-info {
flex-direction: column;
padding: 10px !important;
gap: 20px;
}
.advertise-seting-wrap.clg-info img {
max-width: 100%;
}
.sidebar-clg img{width: 100%;max-width: 100%;margin-bottom: 10px;}
}
.highlight-bschool{
background:#1d5477;
color:#fff !important;
padding:6px 10px;
border-radius:4px;
font-weight:600;
}
.highlight-bschool:hover{
background:#143c55;
}
.marquee {
/* width: 80%; */
overflow: hidden;
white-space: nowrap;
background: #363F42;
padding: 1px 0;
}
.marquee-content {
display: inline-block;
padding-left: 100%;
animation: marquee 45s linear infinite;
}
.marquee-content a {
text-decoration: none;
color: #fff;
font-family: 'Roboto',serif;
font-weight: 400;
font-size: 13px !important;
}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
.marquee-content:hover {
animation-play-state: paused;
}
@media (max-width: 1024px) {
.top-header .countries-block{width:50%}
}