@media screen and (max-width:1279px) {
body { -webkit-text-size-adjust: none;}
input, textarea, button, select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
input[type="radio"] { appearance: radio; -moz-appearance: radio; -webkit-appearance: radio; }
input[type="checkbox"] { appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: checkbox; }
input[type="range"] { appearance: auto; }
}

@media screen and (min-width:1200px) and (max-width:1599px) {
.common-section { padding: 40px 0; }
body, input[type="text"], input[type="password"], select, textarea { font-size: 15px; }
h1.cmn-heading, h2.cmn-heading { margin-bottom: 25px; font-size: 28px; }
.freetool-right a { font-size: 26px; }
.white-trans-bg { min-height: 570px; }
.bookhub-section, .events-schedules-section, .inspiresomeone-section { background-size: 100%; }
ul.navbar-nav li a { font-size: 15px; margin: 0 12px; }

.collegebol-admission-tools .admission-tool-round span { width: 80px; line-height: 80px; font-size: 30px; }
.collegebol-admission-tools h1.cmn-heading, .collegebol-admission-tools h2.cmn-heading { margin-bottom: 15px; }
.arc-bg { padding-top: 110px; background-position: top 15px center; background-size: 710px; }
.collegebol-admission-tools .inspire-video { width: 450px;  }
.round-two { top: -131px; }
.admission-round-dott { width: 15px; height: 15px; }
.dott-pos1, .dott-pos3 { top: -62px; }
.dott-pos2 { left: -102px; }
.dott-pos4 { right: -102px; }
.round-one { left: -155px; }
.homepage-update .white-trans-bg { min-height: 680px; }
.college-about-banner { height: 500px; }
.action-icon { white-space: nowrap; }
}

@media screen and (min-width:1200px) and (max-width:1359px) {
.student-img { display: none; }
.college-listing-area-new .shortlisted-area { padding-left: 10px; }
.college-listing-area-new1 .college-list-logo img { height: 211px; }
.megamenu { width: 98%; }
}

@media screen and (min-width:1024px)and (max-width:1199px) {
.collegebol-admission-tools .inspire-video { max-width: 500px; }
.arc-bg { padding-top: 160px; background-size: 80%; }
.round-two { top: -150px; }
.dott-pos1, .dott-pos3 { top: -54px; }
.dott-pos2 { left: -103px; }
.dott-pos4 { right: -103px; }
}

@media screen and (max-width:1199px) {
.common-section { padding: 50px 0; }
body, input[type="text"], input[type="password"], select, textarea { font-size: 15px; }
input[type="text"], input[type="password"], select, textarea { padding: 9px 10px; }
select { padding-right: 20px; }
ul.navbar-nav li a { font-size: 15px; }
h1.cmn-heading, h2.cmn-heading { margin-bottom: 25px; font-size: 28px; }
.freetool-right a { font-size: 26px; }
.bookhub-section, .events-schedules-section, .inspiresomeone-section { background-size: 100%; min-height: inherit; }
.white-trans-bg { min-height: 540px; }
.inspire-text { font-size: 18px;  }
.event-first, .event-second { width: 220px; }
h3.event-hd { font-size: 17px; margin-bottom: 15px;   }
.slider-txt { font-size: 24px; width: 135px; }
.form-cnt-area select { width: 100%; }
.predictor-img-txt h3 { font-size: 30px; }
.predictor-img-txt p {
    font-size: 18px;
    margin-bottom: 10px;
}
.college-logo { width: 120px; }
.score-search {  margin-left: 0;margin-top: 5px; display: block; }
.score-search input { width: 100%; }
.header-searchbar { width: 300px; margin-right: 0px; }
.comparator-filter-area { text-align: left; }
.comparator-filter-area span { width: 24%; margin-bottom: 10px;  }
.comparator-filter-area span select { width: 100%; }
.college-evaluator-l .score-search { display: inline-block; }
.college-evaluator-l .score-search input { width: auto; margin-left: 10px; }
.evaluator-selection { margin-top: 20px; }
.evaluator-circle { left: 20px;}
.login-cnt, .signup-cnt { padding: 50px 30px; }
.college-detail-left, .college-detail-right { width: auto; float: none; }
.college-detail-left { margin-bottom: 20px; }
.college-detail-right { margin-top: 0; }
.college-reviewers-l { width: auto; float: left; margin-right: 30px;}
.college-reviewers-r { width: 150px; float: left; }
h2.college-detail-hd { color: #303030; }
.follow-share-cnt { position: absolute; top: -130px; right: 0; }
.content-boxarea { padding: 15px 10px; }
h2.innerarea-hd { font-size: 16px; }
.filter-review { width: auto; float: none; margin-bottom: 20px; }
.filter-sortby { width: auto; float: none; }
ul.gotoreview-list li { padding: 7px; }
.college-symbol { margin-bottom: 20px; }
.college-event-hover { display: block; font-size: 13px; line-height: 18px; }
.write-review-btn a { min-width: 85px; }
.other-college-cnt { padding: 15px; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background: #2c4489;
    border-radius: 50%;
    width: 50px;
    line-height: 50px;
    height: 50px; font-size: 30px; color: #fff; border: 1px solid #FFCD29; }

.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {
	display: block; margin-top: -5px;
}
.homepage-update .white-trans-bg { min-height: 690px; }
.homepage-update .slider-txt { width: 140px; }
h3.heading-inn, .freeship span { font-size: 18px; }
.addvalue-desc { float: none; margin: auto; }
.admission-tool-txt { font-size: 18px; }
.admission-tool-txt p { line-height: 30px; }
ul.event-list-area li { font-size: 13px; }
.college-about-banner { height: 400px; }
ul.team-listing li { width: 50%; }
.about-quote { padding-top: 20px; }
.college-about-banner h1 span { font-size:20px; }
.about-connection-bg { background-size: contain; }
.listing-search { width: 200px; }
.action-icon { white-space: nowrap; }
.college-list-name { display: flex; flex-direction: column; }
.college-fees { padding: 6px; }
.college-fees span { font-size: 24px; }
.college-value-logos img { height: 40px; }
.college-value-fees { margin-top: 10px; gap: 10px; flex-direction: column; }
.shortlisted-btns { margin-top: 12px; }
.shortlisted-btns { flex-wrap: wrap; gap: 10px; }
.college-listing-area-new .college-list-logo img { height: 240px; }
.college-listing-area-new ul.college-ad-list li { height: 180px; }
.header-searchpart input { width: 290px; }
.header-suggested a { padding: 0 10px; }
.header-locationsearch { width: 200px; }
.header-locationsearch input { background-position: center left 10px; padding-left: 35px !important; }
.megamenu { width: 98%; }
.logo-img img { width: 150px; }
.header-quicklink ul { gap: 10px; }
.header-quicklink ul li a.download-app-btn b { display: none; }
.header-quicklink ul li a.download-app-btn span { margin-right: 0; }
ul.navbar-nav li a { margin: 0 10px; }
.search-drop { width: 375px; }
}


@media screen and (min-width:768px) and (max-width:1023px) {
.complete-profile-frm .form-row { display: block; }
.complete-profile-frm .form-label, .complete-profile-frm .form-cnt-area { width: auto; float: none; }
.college-listing-area-new .college-list-logo { width: 240px; }
.college-listing-area-new .college-list-details {
    width: calc(100% - 240px);
}
.college-listing-area-new ul.college-ad-list li { height: 200px; }
}

@media screen and (max-width:1023px) {
.common-section { padding: 40px 0; }
.header-search { width: 46%; }
h1.cmn-heading, h2.cmn-heading { font-size: 24px; }
h1.cmn-heading strong, h2.cmn-heading strong  { font-size: 13px; }
.freetool-right span { font-size: 15px; }
.freetool-right a { font-size: 22px; }
.freeship span { font-size: 16px; }
.freeship em { font-size: 20px; }
.white-trans-bg {
    min-height: 555px;
}
.blue-txt { font-size: 15px; }
.event-blk3 { margin-top: 30px; }
.addvalue-desc { width: 80%; float: none; margin: auto; }
.addvalue-blk { min-height: 210px; }
.header-search { width: 34%; }
.predict-list-l, .predict-list-r { width: auto; float: none; }
.predict-list-r { text-align: left; margin-top:10px; }
.college-info { width: 70%; }
.collegearea-btn { width: auto; text-align: center; float: none; clear: both; padding-top: 20px; }
.collegearea-btn a{ margin: 0 7px; }
.college-info h3 { font-size: 18px; }
.predict-btns a { margin-right: 10px; margin-left: 0; }
.header-btn a {
    font-size: 13px;
}
.star-cnt { display: block; margin-right: 0; }
.border-wholebox small { display: block; }
.college-evaluator-l  { width: auto; }
.college-evaluator-r { margin-top: 35px; width: auto; margin-top: 0; }
.cmn-btn-outline { padding: 0 20px; }
.logo { width: 150px; }
.logo img { max-width: 100%; }
.header-btn .cmn-btn-outline { padding: 0 15px; }
.header-searchbar { width: 220px; }
.comparator-filter-area span { width: 32%;  }
.letstart-link { font-size: 16px; }
.evaluator-selection span { margin-bottom: 10px; }
.your-chance-cnt { width: 160px; height: 160px; font-size: 18px; line-height: 22px; }
.your-chance-cnt span { font-size: 55px; margin-top: 0; }
.arc-bg { background-size: 90%; }
.collegebol-admission-tools .inspire-video { max-width: 400px; }
.dott-pos3, .dott-pos1 { right: -12px; }
.dott-pos2, .dott-pos4 { right: -128px; }
.collegearea-btn { position: absolute; top: 0px; right: 0px; }
.main-menu { padding: 10px; white-space: inherit; height: auto; line-height: 22px; }
.main-menu a { font-size: 13px !important; }
.main-dropdown, .sub-dropdown { position: inherit; top:auto; left: auto; }
.dropdown-arr-img { display: none; }
.sub-menu { background: none; box-shadow: none; border-bottom: 1px solid #ccc; margin-bottom: 5px; }
.evaluator-circle { top: -10px;}
.evaluator-cntarea { padding-left: 200px; }
.evaluator-selection span { width: 49%; }
.login-cnt, .signup-cnt {
    padding: 30px 20px;
}
.login-heading { margin-bottom: 30px; }
.login-heading h2  { font-size: 24px; }
.register-steps-form { padding: 25px; }
.register-steps-area ul li:after { width: 90%; }
.form-label { font-size: 14px; }


.complete-profile-blk { padding-right: 0; }

.collegename h1 { font-size:20px; }
.follow-share-cnt { top: -40px; }
.college-btns .cmn-btn { padding: 0 20px; }
.top-courses { margin-top: 30px; }
.content-boxarea { padding: 25px; }
ul.gotoreview-list li { padding: 15px; }
.filter-review { width: 60%; float: left; }

.homepage-update .white-trans-bg {
    min-height: 815px;
}
.admission-tool-txt {
    font-size: 15px;
}
.addvalue-desc h3 { font-size:22px; }
.footer-slogan span { font-size: 25px; }
.college-about-banner { height: 300px; }
.college-about-banner h1 span { font-size:18px; }
.member-desc { font-size: 12px; }
.team-detail h3 { font-size: 16px; }
.nav-tabs li { font-size: 16px; }
.about-quote-txt { font-size: 16px; margin-top: 15px; }
.about-quote img { width: 40px; margin-left: 0; }
.about-connection-inner { max-width: 350px;  }

.form-error-msg { left: 0px; padding: 5px 8px; }
.university-list-hdarea { flex-wrap: wrap; }
.university-list-btns { margin-top: 20px; }
.university-table-area { overflow: hidden; overflow-x: auto; }
.university-table-area table { width: 850px; }
.university-list-box { margin-bottom: 30px; }
.popup-delete img { width: 46px; }
.filtersidebar-hd { font-size: 20px; }
.college-fees span { font-size: 22px; }
.shortlisted-area { padding-right: 10px; }
.quick-access-btn a { padding: 0 10px; }
ul.college-ad-list { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap:wrap; gap: 16px; }
ul.college-ad-list li { width: 48.7%; margin-bottom: 0; }
.college-listing-area-new1 .course-btn { display: block; }
.popup-big { width: 96%; }
.header-suggested { display: none; }
.header-searchpart input { width: 230px; }
.header-quicklink { display: none; }
.header-locationsearch { width: 220px; }
.menu-detail-list { flex-wrap: wrap; gap: 15px; }
.menu-detail-cnt { width: 31%; }
}

@media screen and (max-width:767px) {
    .form-btn-area{
        gap: 5px;
        justify-content: center;
    }
    .form-btn-area .cmn-btn{
        padding: 0 13px;
    }
    .loader{
        display: none;
    }
    .step-icon {
        /* justify-content: center; */
        /* margin-bottom: 20px; */
        margin-bottom: 15px;
        display: flex;
    }
    /* .step-icon img{
        width: 100px !important;
    } */
    .form-btn-area-twoline{
        flex-direction: column;
    }
    .bookhub-section .row.mt-5.mb-5{
        margin: 10px auto !important;
    }

    .signup-cnt{
        margin-bottom: 10px !important;
    }

    .college-value-logos {
        overflow: auto;
        width: 100%;
        white-space: nowrap;
        padding: 10px 0;
    }


body, input[type="text"], input[type="password"], select, textarea { font-size: 14px; }
.common-section { padding: 30px 0!important; }
span.navbar-toggler-icon { background: url(../images/toggle-menu-ico.png) no-repeat center; }
.white-trans-bg { min-height: inherit; margin-bottom: 30px; }
.counseling-img { margin-bottom: 30px; }
.event-blk-area { float: none; }
.event-first, .event-second { float: none; margin: auto; }
.inspire-small-video:before { left: auto; right: -15px; }
.inspire-small-video { text-align: center; }
.inspiresomeone-video, .inspire-small-second { margin-top: 30px; }
.addvalue-desc { width: 95%; }
.addvalue-blk { min-height: inherit; }
.copyright, .social-icon { margin: 10px 0; text-align: center; }
.footer-address { margin-top: 20px; }
.footer-slogan span { font-size: 20px; }
ul.navbar-nav li a.cmn-link:after { display: none !important; }
.header-search, .header-btn { width: 100%; text-align: center; }
.header-btn { margin-top: 0px; margin-bottom: 0px; }
.header-btn a.cmn-btn-outline { margin-top: 10px; }
.navbar-toggler {    top: 20px;
    right: 0px; position: absolute;
 }
 .header-search { margin-top: 0; }
 .header-sticky .fixed-top .logo { padding-top: 25px;  }
 ul.navbar-nav li a { padding: 5px !important; font-size: 14px; }
 .header-sticky .fixed-top { padding-bottom: 0; }
 .predictor-form-cnt { margin-top: 30px; }
.filters { display: block; text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 20px; font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.left-filter { display: none; }
.predict-btns a { margin: 0 7px; }
.predict-btns { text-align: center; display: block; }
.predict-list-l { text-align: center; }
.college-logo { float: none; margin: auto; margin-bottom: 20px; }
.college-info { width: auto; float: none; }
.collegearea-btn a { min-width: 125px; }
.pagination { display: block; }
.page-count {  margin: 0; margin-bottom: 10px; }
.page-count, .paging {  display: block; text-align: center; }
.predict-list-l { font-size: 18px; }
.header-btn a {
    font-size: 14px;
}
.college-comparator-list { overflow: auto; overflow-y: hidden; }
.college-comparator-table { width: 750px; }
.alumni-box { margin-bottom: 30px; }
.evaluator-selection { padding-top: 20px; }
.evaluator-selection span { display: block; margin: 10px 0; width: 100%; }
.your-chance-cnt { margin-top: 0; }
.header-searchbar { width: 100%; }
.header-btn .cmn-btn-outline {
     margin: 0 5px;
}
.comparator-filter-area  { text-align: center; }
.comparator-filter-area span { width: 100%; }
.dott-pos2, .dott-pos4, .dott-pos3, .dott-pos1 { display: none; }
.admission-tool-round.round-one { left: 0; bottom: -120px;  }
.admission-tool-round.round-three { right: 0; bottom: -120px;  }
.collegebol-admissiontool-section { margin-top: 150px; }
.admission-tool-round span { font-size: 35px; }
.suggested-choice { display: block; text-align: center; float: none; margin-bottom: 20px; margin-top: 10px;}
.evaluator-cntarea { padding-left: 0; }
.evaluator-selection span { width: 100%; }
.export-pdf { text-align: center; }
.evaluator-circle { position: inherit; top: -20px; left: auto; }
.score-search { margin-top: 0; }
.college-evaluator-l .score-search input { width: 120px; }
.college-evaluator-l { font-size: 18px; }
.login-heading h2 span { font-size: 14px; }
.register-cnt-area { font-size: 15px;  }
.register-steps-area ul li:after { right: -50px; top: 23px; height: 3px; }
.register-steps-area ul li span {    line-height: 42px;
    font-size: 20px; width: 50px;
    height: 50px; }
	.register-steps-form .custom-radio { margin-right: 15px; }
	.complete-profile-frm { padding-top: 30px; }
	.social-btn span { margin: 15px 0; display: block; }
	.social-or-line span { width: 40px; height: 40px; line-height: 40px; font-size: 16px; }
	.social-or-line { margin-bottom: 50px; }
	.social-btn { margin-bottom: 30px; }

	.college-detail-left { margin-top: 20px; }
	.college-detail { width: 100%; float: none; padding-left: 0; }
	#college-detail-slide .owl-dots { bottom: 10px; }
	.college-rating { text-align: center; }
	.college-rating i { color: #ccc; }
	.college-btns .cmn-btn { margin: 3px 0; }
	.follow-share-cnt {top: 65px; text-align: center; }
	.college-reviewers-l { float: none; margin-right: 0; text-align: center; }
	.college-reviewers-r {  float: none; text-align: center; padding-top: 20px; }
	.college-reviewers-r a { width: 150px; margin: auto; }
	.college-highlights { height: auto; padding-bottom: 5px; padding: 10px; }
	.college-highlights span { display: block; margin-bottom: 10px; }
	.content-boxarea { padding: 15px; }
	.rating-slide-list { margin-bottom: 20px; }
	.filter-review, .filter-sortby { width: auto; float: none; }
	.content-boxarea { margin-bottom: 20px; }
	.homepage-update .white-trans-bg { min-height: inherit; }
	.events-schedules-section .addvalue-desc { width: 95%; }
	.nav-tabs li { margin: 0 10px; }
ul.team-listing li { width: 100%; float: none; }
.college-about-banner { height: 200px; }
.college-about-banner h1 span { font-size: 16px; }
h1.cmn-heading, h2.cmn-heading { font-size: 22px; }
.about-video-desc { padding: 30px 20px; }
.collegebol-videotestimonial-section { padding: 20px 0; }
.about-connection-bg { background: none; }
.about-connection-inner { padding-top: 0; }
.about-video-cnt { margin-left: 0; }
.about-quote { padding-top: 0; }
.desktoponly { display: none !important; }
.mobileonly { display: block !important; }

.form-row-full .form-label, .form-row-full .form-cnt-area { width: 100%; }
.header-sticky .fixed-top { padding-bottom: 10px; }
.university-picture { width: 100px; height: 100px; }
.university-picture span { right: -10px; }
.university-list-btns, .paginationarea, .listing-btns { flex-wrap: wrap; }
.pagination-showing, .pagination-paging { width: 100%; text-align: center; }
.pagination { display: flex; margin-top: 20px; }
.listing-search { width: 100%; }
.popup-main { margin: 0 10px; padding: 20px; width: 100%; }
.popup-delte-hd { font-size: 18px; }
.popup-delete img { width: 36px; }
.filtersidebar-hd { font-size: 18px; }
ul.college-ad-list li { width: 100%; }
ul.college-listing li { flex-direction: column; }
.college-list-logo { margin: auto; margin-bottom: 10px; }
.college-list-details { width: 100%; }
.shortlisted-btns, .shortlisted-btn { flex-direction: column; }
.shortlisted-students { margin-bottom: 20px; }
.search-input-area { width: 80%; }
.search-input-width { width: 100%; }
.college-fees span {
        font-size: 20px;
    }
	.pagination { flex-wrap: wrap; }
	.listing-btns { justify-content: center; width: 100%; }
	.university-list-btns { width: 100%; }
	.college-listing-area-new .college-list-logo { width: 100%; }
	.college-listing-area-new .college-list-details { width: 100%; }
	.college-listing-area-new .college-list-details { padding: 10px; }
	.collegename-hd { margin-right: 0; }
	.college-listing-area-new .college-list-logo img { border-radius: 15px 15px 0 0; }
	.form-label, .form-cnt-area { width: 100%; }
	.signup-formarea ul li { flex-direction: column; }
	.signup-formarea ul li .form-row { width: 100%; }
	.header-locationsearch { width: 100%; }
	.location-drop { width: 100%; }
	 .header-searchpart { display: none; }
	 .header-lang-blk em { display: none; }
	 .lang-area { background-color: transparent; border: none; padding: 0 23px 0 7px; background-position: right -3px center; }
	.header-searchpart-mobile { display: block; width: 100%; }
	.header-new .header-location-nav { flex-wrap: wrap; gap: 10px; }
	.header-searchpart input { width: 100%; }
	.search-drop { width: 100%; }
	.noti-area { width: 30px; border: none;}
	    .logo-img img {
        width: 130px;
        margin-top: 5px;
    }
	.header-userarea { gap: 5px; align-items: center; }
	.signin-area { width: 34px; height: 34px; }
	.sidebar-logo img { width: 130px; }
	.noti-area em { top: 0; right: -3px; }
	.noti-drop { right: -60px; }
	.noti-drop .toggle-drop-arr { right: 65px; }
	.user-drop { right: -20px; }
	.user-drop .toggle-drop-arr { right: 25px; }
	.navbar-toggler { padding: 0;  }
	.signin-area { gap: 4px; }
	.header-logoarea { gap: 7px; }
	.header-user-blk { margin-right: 14px; }
	span.navbar-toggler-icon { background-size: 6px; }
	.megamenu { padding: 10px; }
	.navbar-collapse { position: fixed; overflow: auto;
    top: 72px; width: 100%; left: 0; background: #fff; height: 100%; z-index: 12; padding: 10px 20px; }
	ul.navbar-nav li { text-align: left; border-bottom: 1px solid #ccc; }
	ul.navbar-nav li:last-child { border-bottom: none; }
	ul.navbar-nav li a { display: block; padding: 15px 0 !important; margin: 0;}
	.menu-lft-area, .menu-rgt-area { width: 100%; display: block; }
	.menu-lft-area { margin-right: 0; margin-bottom: 10px; }
	.tab-button.active:before { display: none;  }
	.menu-lft-area .tabs ul { display: flex; align-items: center; justify-content: flex-start; white-space: nowrap; gap: 20px; overflow: auto; }
	.menu-lft-area .tabs ul li { border-bottom: none; }
	.menu-lft-area .tabs ul li a { padding: 5px 0 !important; }
	.dropdown-menu { margin-bottom: 10px; }
	.menu-detail-cnt { width: 100%; }
	.menu-detail-cnt ul li a {padding: 5px 0 !important }
	.desktoponly { display: none; }
	.mobileonly { display: block; }
	.sidebar-mobile-menu { padding: 0 15px;  }
	.sidebar-mobile-links { background: #fff; border-radius: 16px; }
	.sidebar-mobile-links ul li { display: flex; align-items: center; justify-content: flex-start; padding: 10px; border-bottom: 1px solid #e4e4e4; cursor: pointer; gap: 10px; }
	.sidebar-mobile-links ul li:last-child { border-bottom: none; }
	.sidebar-mobile-icon img {filter: brightness(0) saturate(100%) invert(14%) sepia(13%) saturate(27%) hue-rotate(12deg) brightness(95%) contrast(85%); }
	.sidebar-mobile-icon { width: 22px; }
	.sidebar-mobile-arr { width: 10px; }
	.sidebar-mobile-link { width: calc(100% - 32px); }
	.sidebar-mobile-link span { display: block; color: #aaa; }
	.sidebar-mobile-links { margin-bottom: 20px; }
	.sidebar-mobile-links:last-child { margin-bottom: 0; }
}


@media screen and (max-width:374px) {
.header-btn .cmn-btn-outline {
    padding: 0 9px;
    margin: 0 3px;
}
.letstart-link { font-size: 14px; }
.college-evaluator-l .score-search input { width: 105px; }
.college-evaluator-l { font-size: 15px; }
.admission-tool-round.round-one {
    left: 0px !important;

}
.admission-tool-round.round-three {
    right: 0px !important;

}
h1.cmn-heading, h2.cmn-heading { font-size: 18px; }

.login-form-area .form-row, .register-steps-form .form-row { display: block; }
.login-form-area .form-label, .login-form-area .form-cnt-area, .register-steps-form .form-label, .register-steps-form .form-cnt-area { width: auto; float: none;  }
.register-steps-form { padding: 25px 15px; }
.register-steps-form .custom-radio { margin-right: 5px; }
.register-steps-area ul li span {
    line-height: 38px;
    font-size: 18px;
    width: 45px;
    height: 45px;
}
h2.cmn-blk-hd { font-size: 18px; }

}

@media screen and (min-width:320px)and (max-width:767px) {
.collegebol-admission-tools .inspire-video { max-width: 290px; }
.arc-bg { padding-top:  130px; background: none; }
.collegebol-admission-tools { padding-bottom: 130px; }
.collegebol-admission-tools h1.cmn-heading, .collegebol-admission-tools h2.cmn-heading { margin-bottom: 10px; }
.admission-tool-round { width: 80px; height: 80px; }
.admission-tool-round span { line-height: 80px; }
.round-two { top: -145px; }
.admission-tool-round.round-one {
    left: -40px;
    bottom: -100px;
}
.admission-tool-round.round-three {
    right: -40px;
    bottom: -100px;
}
.sidenav-left { background: #F4F5F7; }
.sidebar-logo { margin: 20px 0 10px; }
.sidebar-madebyindia { margin-bottom: 20px; color: #C9CACC; font-size:20px; font-weight: 700;  }
.sidebar-policies { text-align: center; color: #8B8C8E; line-height: 22px; }
}