.btn-blue { background-color: #343780 !important; }
.btn-blue:hover { background-color: #BCD432 !important; }
.btn-green, .survey .left-section form .btn.active{ background-color: #BCD432 !important; }
.btn-green:hover { background-color: #343780 !important; }
.btn-red { background-color: #FF5A5F !important; }
.btn-red:hover { background-color: #343780 !important; }
.btn-line-grey { background-color: #fff !important; -webkit-box-shadow: inset 0px 0px 0px .8px rgba(213,213,213,1); padding: 8px 15px; font-size: .9rem; border-radius: 6px; -moz-box-shadow: inset 0px 0px 0px 1px rgba(213,213,213,1); box-shadow: inset 0px 0px 0px 1px rgba(213,213,213,1); color: #767676 !important; }
.btn-line-grey:hover { background-color: #D5D5D5 !important; }
.btn-line-loadmore { background-color: #fff !important; -webkit-box-shadow: inset 0px 0px 0px 1px rgba(213,213,213,1); padding: 10px 35px; font-size: 1.1rem; border-radius: 8px; -moz-box-shadow: inset 0px 0px 0px 1px rgba(213,213,213,1); box-shadow: inset 0px 0px 0px 1px rgba(213,213,213,1); color: #767676 !important; }
.btn-line-loadmore:hover { background-color: #D5D5D5 !important; }
.btn-line-blue { background-color: #fff !important; -webkit-box-shadow: inset 0px 0px 0px .8px rgba(52,55,128,1); padding: 8px 15px; font-size: .9rem; border-radius: 6px; -moz-box-shadow: inset 0px 0px 0px 1px rgba(52,55,128,1); box-shadow: inset 0px 0px 0px 1px rgba(52,55,128,1); color: #343780 !important; }
.btn-line-blue:hover { background-color: #343780 !important; color: #fff !important; }
.btn-line-red { background-color: #fff !important; -webkit-box-shadow: inset 0px 0px 0px .8px rgba(255,90,95,1); padding: 8px 15px; font-size: .9rem; border-radius: 6px; -moz-box-shadow: inset 0px 0px 0px 1px rgba(255,90,95,1); box-shadow: inset 0px 0px 0px 1px rgba(255,90,95,1); color: #FF5A5F !important; }
.btn-line-red:hover { background-color: #FF5A5F !important; color: #fff !important; }
.text-blue { color: #343780 !important; } .text-green { color: #BCD432 !important; } .text-red { color: #FF5A5F !important; } .text-grey { color: #767676 !important; }
.section-100 { margin-top: 100px; } .section-50 { margin-top: 50px; } .section-40 { margin-top: 40px; } .section-30 { margin-top: 30px; }
.ft-center { display: flex; align-items: center; }
.mobile, .mobile-500 { display: none; }
.ft-title { margin-bottom: 40px; }
hr { border-color: #DBDBDB; margin: 40px 0; }
.font-bold { font-weight: 500; }
.font-bolder { font-weight: 900; }
.small-container {  width: 90%; margin: auto; max-width: 1000px; }

/* merging header */

.badge { width: 25px; height: 25px; line-height: 25px; text-align: center; padding: 0; margin-left: 3px; background-color: #343780; }
.navbar-nav .nav-item { line-height: 30px; }

/* merging footer */
footer.footer { background-color: #242429; color: #fff; padding: 100px 0 0; }
footer.footer .col-lg-6 img { margin-bottom: 20px; }
footer.footer .top .col-lg-6 a:before, footer.footer .top .col-lg-6 p.location:before { content: '\f041'; display: inline-block; font-family: FontAwesome; margin-right: 8px; text-align: center; width: 15px; }
footer.footer .top .col-lg-6 a.mail:before { content: '\f0e0'; }
footer.footer .top .col-lg-6 a.phone:before { content: '\f095'; }
footer.footer .col-lg-6 p { color: #DBDBDB; margin-bottom: 0; opacity: 0.8; }
footer.footer .col-lg-6 h5 { font-weight: 500; margin-bottom: 20px; }
footer.footer .top .col-lg-6 a { margin-top: 10px; color: #fff; }
footer.footer .col-lg-6 a:hover { color: #BCD432; }
footer.footer .col-lg-6 select { width: auto; background: none; padding: 5px 10px; border: solid 1px #DBDBDB; color: #fff; }
footer.footer .bottom { border-top: solid 1px #767676; padding: 30px 0; margin-top: 100px; }
footer.footer .bottom ul { margin-bottom: 0; }
footer.footer .bottom ul .list-inline-item + .list-inline-item { margin-left: 20px; }
footer.footer .bottom ul li a { color: #fff; }
footer.footer .bottom ul li a:hover { color: #BCD432; }

/* merging page */

/*========================================== HOME ==========================================*/
div.masthead { height: 100vh; display: flex; padding: 0; align-items: center; }
div.masthead .overlay { background-size: cover; opacity: 1; background-position: center center; background-repeat: no-repeat; }
div.masthead .container { max-width: 1000px; width: 90%; }
div.masthead h1 { font-weight: 500; }
div.masthead h2 { font-weight: 400; font-size: 4rem; }
div.masthead .container .search-home { background: #fff; padding: 12px 12px 12px 20px; }
div.masthead .container .search-home .form-row { margin: 0; display: table; }
div.masthead .container .search-home .form-row div { display: table-cell; vertical-align: middle; }
div.masthead .container .search-home .form-row .mid { width:100%; }
div.masthead .container .search-home input { border: none; }

.see-all { position: absolute; right: 0px; bottom: 8px; }
.see-all:after { display: inline-block; content: '\f105'; font-family: FontAwesome; margin-left: 5px; }
.see-all:hover { color: #BCD432; }
a.item { display: block; position: relative; transition: all 0.3s; color: #242429 !important; }
a.item:hover { -ms-transform: translate(0, 5px); -webkit-transform: translate(0, 5px); transform: translate(0, 5px); }
a.item div:last-child { margin-bottom: 5px; }
.box-detail .desc-course span, .univ-detail .margin-top10 span { text-transform: uppercase; color: #343780 !important; }
.box-detail .desc-course h1 { font-size: 1.2rem; margin: 5px 0; color: #303030; }
.box-detail .small-detail span { font-size: 13px; color: #767676; font-family: 'Poppins';}
.box-detail .small-detail span + span:before, .unidetail-content .sub-title span + span:before { content: ''; display: inline-block; margin: 0 8px 0 6px; position: relative; bottom: 4px; background: #D5D5D5; width: 3px; height: 3px; border-radius: 5px; }
.box-detail .small-detail .text-green { font-weight: 500; }
.box-detail .review { height: 15px; line-height: 15px; margin-top: 5px; }
.box-detail .review .star-rating { color: #D5D5D5; margin-right: 3px; font-size: 14px; }
.box-detail .review .star-rating .active { color: #BCD432; }
.box-detail .review span.d-inline-block { font-size: 0.6rem; font-weight: 500; }

.ik-space { margin: 50px -10px 0; }
.ik-space .col-lg-6, .ik-space .col-lg-12 { padding: 0 10px; }
.ik-space .col-lg-6 { width: 50%; }
.ik-space img, .ik-space .col-lg-12 a { width: 100%; }

.features-icons { padding: 100px 0 30px 0; } 
.features-icons .col-lg-12 { margin-bottom: 80px; }
.features-icons .features-icons-item { max-width: 100%; width: 33.333333% !important; }
.features-icons .features-icons-item img { margin-bottom: 20px; }
.features-icons .features-icons-item h4 { font-weight: 500; margin-bottom: 0px;}
.features-icons .features-icons-item p { color: #767676; margin-bottom: 0; }

/*==========================================3. About==========================================*/

.about-fortrust { padding: 0; }
.about-fortrust .img-thumbnail { width: 100%; padding: 20px; }
.about-fortrust h3 { font-weight: 500; font-weight: 3rem; margin-bottom: 20px; }
.about-fortrust p { color: #767676; }

.fortrust-service { background: rgba(188,212,50,0.2);
background: -moz-linear-gradient(top, rgba(188,212,50,0.2) 0%, rgba(188,212,50,0.05) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(188,212,50,0.2)), color-stop(100%, rgba(188,212,50,0.05)));
background: -webkit-linear-gradient(top, rgba(188,212,50,0.2) 0%, rgba(188,212,50,0.05) 100%);
background: -o-linear-gradient(top, rgba(188,212,50,0.2) 0%, rgba(188,212,50,0.05) 100%);
background: -ms-linear-gradient(top, rgba(188,212,50,0.2) 0%, rgba(188,212,50,0.05) 100%);
background: linear-gradient(to bottom, rgba(188,212,50,0.2) 0%, rgba(188,212,50,0.05) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcd432', endColorstr='#bcd432', GradientType=0 );
margin-bottom: -40px; }
.fortrust-service .features-icons-item { margin-bottom: 40px; }
.fortrust-service.features-icons .col-lg-12 { margin-bottom: 50px; } 

/*==========================================4. University==========================================*/

.filter { padding-top: 0 !important; }
.filter .btn + .btn { margin-left: 8px; }

.univ-detail.row { margin: 0 -10px -50px -10px; }
.univ-detail + .univ-detail { margin-top: 50px; }
.univ-detail.row .col-lg-3 { padding: 0 10px 50px 10px; }

.unidetail-content { padding-top: 30px; }
/*.unidetail-content .row { margin-bottom: -30px; }*/
.unidetail-content .row div .row { margin-bottom: 0; }
.unidetail-content .ft-title{ margin-bottom: 5px; }
.unidetail-content .sub-title span{ font-size: 1.3rem; font-weight: 400; color: #767676; }
.unidetail-content .sub-title span + span:before { bottom: 5px; width: 5px; height: 5px; border-radius: 7px; }
.unidetail-content hr { margin: 30px 0; }
.unidetail-content p { font-size: 0.9rem; color: #767676; }
.unidetail-content h5 { margin-bottom: 10px; font-family: 'Poppins'; }
.unidetail-content .keyfactcountry .row { padding-bottom: 30px; }
.unidetail-content .keyfactcountry h5 { margin-bottom: -10px; }
.unidetail-content .keyfactcountry .row h5 { margin: 10px 0 5px 0; }
/*.unidetail-content .wrapper_list .degree_courses { width: 100%; }*/
.unidetail-content h5.view-more { margin:20px 0 -10px 0; }
.unidetail-content .more, .unidetail-content .side-detail .text-center a, .unidetail-content h5.view-more a { font-weight: 500; color: #BCD432; }
.unidetail-content .more:hover, .unidetail-content .side-detail .text-center a:hover, .unidetail-content h5.view-more a:hover { color: #343780; }

.unidetail-content .side-pic { width: 100%; height: 300px; background-position: center center; background-repeat: no-repeat; 
           /*background-size: cover;*/ 
}
.unidetail-content .side-detail { color: #767676; }
.unidetail-content .side-detail span.text-green { display: block; font-size: 1.4rem; font-weight: 500; }
.unidetail-content .side-detail hr { margin: 20px 0; }
.unidetail-content .row .univ-detail .row { margin: 0; }

/*==========================================5. Courses==========================================*/
/*Courses Checkout*/
.wrapper_list_checkout + .wrapper_list_checkout {  margin-top: 20px; }
.wrapper_list { padding: 0 20px 0 0 !important; }
.wrapper_list .university-pict, .wrapper_list .study-icon { min-width: 80px; width: 80px; height: auto; min-height: 80px; padding: 10px; margin-right: 20px; background-size: 70%; background-repeat: no-repeat; background-position: center center; } /*Tambahan Dewi*/
.wrapper_list .study-icon { min-width: 70px; width: 70px; background-size: 60%; }
.wrapper_list .degree_courses { padding: 20px 20px 20px 0; }
.wrapper_list .degree_courses p { margin-bottom: 0;color: #545459;font-size: 1rem;font-weight: 400; }
.wrapper_list_checkout .degree_courses { padding-left: 20px; }
.wrapper_list .tuition-fee { width: auto; color: #767676; }
.wrapper_list .tuition-fee .text-green { font-size: 1.2rem; font-weight: 500; }
.wrapper_list .button-courses { width: auto; }
.wrapper_list .button-courses a + a { margin-left: 8px; }
.wrapper_list .button-courses a.fa { color: #767676; font-size: 20px; position: relative; top: 2px; }
.wrapper_list .button-courses a.fa:hover { color: #FF5A5F; }

/*Courses List*/
.list-courses { padding: 20px 0 0 0; }
.list-courses .ik-space { margin: 40px 0 0 !important;}
.list-courses .ik-space a + a { margin-top: 40px;}
.list-courses .wrapper_list_checkout { border: none; border-bottom: solid 1px #DBDBDB; border-radius: 0;  padding: 0 !important;}
.list-courses .wrapper_list .university-pict { border-right: none; }
.list-courses .wrapper_list_checkout .degree_courses { padding-left: 0; }
.list-courses .wrapper_list_checkout + .wrapper_list_checkout { margin-top: 0; }

/*Courses Detail*/
.coursedetail-content .side-detail .box-detail .small-detail span { display: inline-block; font-size: 1rem; color: #343780; text-transform: uppercase; font-weight: 500; }
.coursedetail-content .side-detail .box-detail h5 { font-size: 1.4rem; font-weight: 500; }
.coursedetail-content .side-detail .box-detail .review span { display: inline-block; }

/*==========================================6. User + Counselor==========================================*/
.list-counselor { margin-bottom: -20px; padding:0; }
.list-counselor .row { margin:0 -10px;  }
.list-counselor .row .col-lg-3 { padding:0 10px 20px 10px;  }
.list-counselor .wrapper-counselor { padding: 20px 20px 18px; margin-bottom: 0 !important; }
.list-counselor .wrapper-counselor .counselor-info { margin-bottom: 8px; }
.list-counselor .wrapper-counselor .counselor-info .profile-pic-counselor, .user-profile .user-pic { width: 70px; height: 70px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 100px; }
.flag { width: 100%; margin-bottom: 0 !important; }
.flag img { width: 30px; }
.flag img + img { margin-left: 10px; }

.user-profile .profile-picuser, .edit-profile .profile-picuser { background-size: cover; background-position: center center; background-repeat: no-repeat; }
.user-profile .row { margin-bottom: -30px; }
.user-profile h5 { font-size: 1.1rem; }
.user-profile .side-profile .aboutme h5 { margin-bottom: 0; }
.user-profile .aboutme .content-wrapper { padding: 20px; }
.user-profile .side-profile .aboutme .content-wrapper p { margin-bottom: 0; }
.user-profile.unidetail-content .top .sub-title span { text-transform: none; font-size: 1.1rem; }
.user-profile.unidetail-content .top .text-grey { font-style: italic; margin-top: 10px; }
.user-profile .review-content { border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; }
.user-profile .review-content + .review-content { margin-top: 20px; }
.user-profile .review-content .wrapper_list { padding: 0 !important; border: none; margin-bottom: 10px; display: table; }
.user-profile .review-content .wrapper_list div { display: table-cell; vertical-align: middle; }
.user-profile .user-pic { width: 60px; height: 60px; }
.user-profile .review-content .wrapper_list .user-detail { padding-left: 10px; }
.user-profile .review-content .wrapper_list .user-detail span { font-size: 1rem; font-weight: 400; }
.user-profile .review-content .wrapper_list .user-detail p { font-size: 0.8rem; }
.user-profile .review-content p { margin-bottom: 0; }
.user-profile .review-content .wrapper_list .box-detail .review { margin-top: 0; }
.user-profile .review-content .wrapper_list .box-detail .review .star-rating { margin-right: 0; }

.user-profile .upload span { line-height: 1.5rem; }
.user-profile .upload span i { font-size: 1.5rem; }
.user-profile .upload a { color: #BCD432; } .user-profile .upload a:hover { color: #343780; }
.user-profile .list-counselor { margin-bottom: 0; }
.user-profile .aboutme .list-counselor .wrapper-counselor { border: none; }
.user-profile .row .col-lg-9 .width-100 { position: relative; }
.user-profile .meeting .top2 { display: table; margin-bottom: 10px; }
.user-profile .meeting .top2 div, .user-profile .meeting .top2 span { display: table-cell; vertical-align: middle; }
.user-profile .meeting .top2 span { padding-left: 10px; }
.user-profile .meeting .btn + .btn { margin-left: 10px; }

.edit-profile .ft-title{ margin-bottom: 20px; }
.edit-profile .upload-pic { overflow: hidden; display: block; position: relative; width: 100%; height: 300px; }
.edit-profile .upload-pic .profile-picuser:before { content:''; position: absolute; width: 100%; height: 300px; bottom: 100px; left: 0; right: 0; background: rgba(0,0,0, 0.7); opacity: 0; }
.edit-profile .upload-pic:hover .profile-picuser:before { opacity: 1; bottom: 0; }
.edit-profile .upload-pic .profile-picuser:after { content:''; position: absolute; width: 80px; height: 70px; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; background: url(../images/other/photo_icon.svg) center center no-repeat; background-size: cover;}
.edit-profile .upload-pic:hover .profile-picuser:after { opacity: 1; }
.edit-profile form .row select + select { margin-top: 10px; }
.edit-profile form .row .btn-grey { color: #767676 !important; background-color: rgba(219,219,219, 0.3); border: solid 1px #DBDBDB; margin-top: 10px; width: 100%; }
.edit-profile form .row .btn-grey:hover { background-color: rgba(219,219,219, 1); }

/*==========================================7. Other==========================================*/
.contactus { padding: 0; }
.contactus form .row {  margin: 0 -10px 20px -10px; }
.contactus form .row .col-md-6, .contactus form .row .col-md-12 { padding: 0 10px; }
.contactus form .row .form-control {  border-color: #DBDBDB; border-radius: 5px; padding: 10px; }
.contactus form .row textarea {  height: 110px; }
.contactus .desc-contact b { display: block; }
.contactus .information-contact, .contactus p { color: #767676; }
.contactus .information-contact .desc-contact { padding-left: 10px; }

.app-reply { border-color: #FF5A5F !important; background-color: rgba(255,90,95, 0.05); }
.app-reply .university-pict { border-color: #FF5A5F !important; }
.app-detail .coursesdetail .content-wrapper .detail { margin-bottom: 20px; }
.app-detail .coursesdetail .content-wrapper .detail h3 { display: inline-block; font-weight: 500; font-size: 1.3rem; margin-bottom: 0; text-transform: uppercase; }
.app-detail .coursesdetail .content-wrapper .detail p { font-size: 0.8rem; margin-bottom: 3px; }
.app-detail .coursesdetail .content-wrapper .detail i { display: inline-block; font-size: 0.8rem; color: #767676; padding-left: 3px; }
.app-detail .coursesdetail .content-wrapper .btn { margin-top: 0; }
.app-detail .coursesdetail .wrapper_list { padding-right: 0 !important; }
.app-detail .coursesdetail .wrapper_list p { font-size: 0.8rem; margin-bottom: 0; margin-top: 3px; }

.bug-pic { background: url(../img/pic_bug.svg) right 50px no-repeat; background-size: 85%; }

/*Chat*/
.message .m-list { border:solid 1px #DBDBDB; width: 100%;  display: block !important; }
.message .mydoc-wrapper { background-color: #fff; border-bottom: solid 1px #DBDBDB; }
.message .mydoc-wrapper h5 { display: inline-block; }
.message .mydoc-wrapper .status { display: inline-block; width: 10px; height: 10px; line-height: 1.1rem; background-color: #DBDBDB; border-radius: 10px; margin-left: 10px; }
.message .mydoc-wrapper .status.online { background-color: #BCD432; }
.message .m-list .chat-list2 { padding: 20px !important; overflow: scroll; height: calc(100vh - 200px); }
.message .chat-section +  .chat-section { margin-top: 30px; }
.message .chat-section .bubble { border: solid 1px #DBDBDB; padding: 20px; margin-bottom:8px; max-width: 550px; }
.message .chat-section span { font-size: 0.8rem; color: #767676; }
.message .chat-section.mid { padding: 0 20px 20px; text-align: center; text-align: center; display: flex; justify-content: center; }
.message .chat-section.mid .bubble { padding: 10px 15px; background-color: rgba(219,219,219, 0.5); display: inline-block; margin-bottom: 0; }
.message .chat-section.you { text-align: right; }
.message .chat-section.you .bubble { border-color: #BCD432; background-color: rgba(188,212,50, 0.1); float: right; }
.message .clear { height: 0 !important; }
.message .chat-input { background-color: #f5f5f5; display: flex; align-content: space-between; padding: 10px 20px; border-bottom: none; }
.message .chat-input input[type="text"] { border: none; background-color: transparent; margin-right: 10px; padding: 0; }

/*Upload*/
.document .university-pict { width: 80px; background: url(../images/other/photo_icon2.svg) center center no-repeat; background-size: 55%; }
.document .uploaded .university-pict { background-image: url(../images/other/check_icon.svg); border-color: #BCD432; }
.document .uploaded.wrapper_list { border-color: #BCD432; background-color: rgba(188,212,50, 0.1); }
.document .university-pict img { width: 40px; }
.document .text-blue { font-weight: 400; text-transform: uppercase; }

/*Survey*/
.survey .ft-title { margin-bottom: 40px; }
.survey .tips { display: none; }
.survey h4 { margin-bottom: 20px; }
.right-side, .left-side { z-index: -1; position: fixed; top: 0; bottom: 0; }
.survey .left-side { background-color: #fff; left: 0; width: 60%; }
.survey .right-side { left: 60%; right: 0; background-color: #fafafa; }
.survey .small-container { max-width: 912px; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.survey .small-container:before, .survey .small-container:after { content: " "; display: table; clear: both; }
.survey .left-section { width: 60%; float: left; padding-right: 60px; }
.survey .left-section form .btn { text-align: left; }
.survey .left-section form .btn + .btn { margin-top: 15px; }
.survey .left-section button + button { margin-left: 10px; }
.survey .left-section form .btn.active{ color: #fff !important; position: relative; }
.survey .left-section form .btn.active:after{ content: '\f00c'; position: absolute; font-family: FontAwesome; right: 15px;}
.survey .right-section { left: 50%; margin-left: 91.2px; right: 0; max-width: 368px; position: absolute; background-color: #fff; border: solid 1px #DBDBDB; padding: 20px; }
.survey .right-section span { margin-top: 20px; display: block; }
.survey .right-section p { margin-bottom: 0; }
.survey .right-section a { color: #BCD432; font-weight: 400; }
.survey .right-section a:hover { color: #343780; }

/*Pop Up*/
.modal-dialog.cart { max-width: 800px; }
.modal-content { padding: 40px; }
.modal-content .modal-header { border: none; padding: 0; margin-bottom: 10px; }
.modal-content .modal-header .close { padding: 0; margin: 0; font-size: 2.5rem; }
.modal-content .modal-body { padding: 0; }
.modal-content .modal-body h4 { margin-bottom: 10px; font-weight: 500; }
.modal-content .modal-body .btn-fb { background-color: #3B5998; }
.modal-content .modal-body .btn-google { background-color: #DD4B39; }
.modal-content .modal-body .btn-fb:hover { background-color: #263D6C; }
.modal-content .modal-body .btn-google:hover { background-color: #AF3223; }
.modal-content .modal-body .fb { color: #3B5998; }
.modal-content .modal-body .google { color: #DD4B39; }
.modal-content .modal-body .fb:hover { color: #263D6C; }
.modal-content .modal-body .google:hover { color: #AF3223; }
.modal-content .modal-body .or { margin: 20px 0; width: 100%; overflow: hidden !important; text-align: center !important; }
.modal-content .modal-body .or span { position: relative !important; padding: 0 10px !important; color: #DBDBDB; }
.modal-content .modal-body .or span:before { content: '' !important; position: absolute !important; border-bottom: 1px solid #DBDBDB !important; top: 50% !important; right: 100% !important; width: 5000px !important; }
.modal-content .modal-body .or span:after { content: '' !important; position: absolute !important; border-bottom: 1px solid #DBDBDB !important; top: 50% !important; left: 100% !important; width: 5000px !important; }
.modal-content .modal-body form .btn { margin: 30px 0 0 0; }
.modal-content .modal-body form .c-checkbox label { margin-bottom: 0; }
.modal-content .modal-body form .form-group { border: solid 1px #DBDBDB; padding: 2px 15px; display: flex; align-items: center; margin-bottom: 10px; }
.modal-content .modal-body form .form-group input, .modal-content .modal-body form .form-group select { border: none; margin-left: 10px; padding: 8px 0; }
.modal-content .modal-body.report form .form-group { padding: 2px 5px; }
.modal-content .modal-body.report form .form-group textarea, .modal-content .modal-body form .form-group select { margin-left: 0; width: 100%; border: none; }
.modal-content .modal-body form .c-btn-forgot { font-size: 0.8rem; }
.modal-content .c-btn-forgot { color: #BCD432; }
.modal-content .c-btn-forgot:hover{ color: #343780; }
.modal-content .modal-body form .text-center a { margin-top: 10px; }
.modal-content .modal-footer { padding-bottom: 0; margin-top: 20px; display: block; }
.modal-content .modal-footer a { margin-left: 3px; }
#quick-action .message .chat-section.you { text-align: left; }
#quick-action .message .chat-section.you .bubble { float: none; margin-bottom: 0; }
#quick-action .message .chat-section.you .bubble .btn { margin-left: 8px; }

/*==========================================8. Responsive==========================================*/

@media (min-width: 767px) {
    .container { max-width: 1000px; }
    .survey .left-side { width: 50%; padding-left: 61.2px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
    .survey .right-side { left: 50%; margin-left: 61.2px; right: 0; }
}

@media (min-width: 1400px) {
    .container { max-width: 1200px;}
}

@media (min-width: 1600px) {
    .container { max-width: 1400px;}
}

@media all and (max-width: 1400px) {
    .list-courses .mobile { display: inline-block !important; }
    .list-courses .not-mobile { display: none !important; }
}

@media all and (max-width: 991px) {
    .contactus .row .col-lg-4:last-child { margin-top: 30px; }
    
    .unidetail-content .side-detail { margin-bottom: 30px; }
    .coursedetail-content .side-detail { display: none; }
    
    .user-profile .list-counselor .row .col-lg-3:last-child { display: none; }
    .bug-pic { display: none; }
}

@media all and (max-width: 767px) {
    .mobile { display: inline-block !important; }
    .not-mobile { display: none !important; }
    
    div.masthead { height: auto; padding: 150px 0; margin-top: 76px; }
    .container { max-width: 90%;}
    
    .univ-detail.row { margin: 0 -10px -30px -10px; }
    .univ-detail.row .col-lg-3 { padding: 0 10px 30px 10px; width: 50%; }
        
    .about-fortrust .img-thumbnail { padding: 10px; margin-bottom: 20px; }
    .features-icons .features-icons-item, .keyfactcountry .features-icons-item { width: 50%; }
    
    footer.footer .top .col-lg-6:last-child { margin-top: 30px; }
    footer.footer .bottom .col-lg-6:last-child { margin-top: 10px; }
    
    .contactus form .row .col-md-6 { width: 50%; }
    
    .list-courses .col-lg-4 { display: none; }
    
    .list-counselor .row .col-lg-3 { width: 50%; }
    .user-profile.unidetail-content .row { position: relative; }
    .user-profile.unidetail-content .col-lg-9 { position: unset; }
    .user-profile.unidetail-content .top { position: absolute; top: 0; left: 0; width: 100%; padding: 0 15px; }
    .user-profile.unidetail-content .side-profile { padding-top: 130px; margin-bottom: 30px; }
    .cousellor-profile.unidetail-content .side-profile { padding-top: 166px; margin-bottom: 30px; }
    .user-profile .list-counselor .row .col-lg-3:last-child { display: block; }
    .user-profile .meeting .top2 { margin-top: 20px; }
    .edit-profile .side-profile { margin-bottom: 30px; }
    .user-profile .profile-picuser { background-size: contain !important; } 
    
    .message { margin-top: 30px; } 
    
    .survey .tips { display: block; position: fixed; z-index: 10; right: 50px; bottom: 50px; width: 60px; height: 60px; border: solid 1px #DBDBDB; border-radius: 50px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2); background: url(../images/other/tips_icon.svg) center center no-repeat #fff; background-size: 50%; }
    .survey .left-side, .survey .right-side, .survey .right-section { display: none; }
    .survey .left-section { width: 100%; float: none; padding-right: 0; }


}

@media all and (max-width: 576px) {
    .unidetail-content .side-detail .col-sm-6 { width: 50%; }
}

@media all and (max-width: 500px) {
	.container { padding: 0 !important; }
    .section-100 { margin-top: 40px; }
    .section-50 { margin-top: 30px; }
    .see-all { display: none; }
    .mobile-500 { display: block; }
    .not-mobile-500 { display: none; }
    
    div.masthead { height: auto; padding: 80px 0;}
    div.masthead .container .search-home .btn { display: none; }
    div.masthead h2 { font-size: 3rem; }
    
    .ik-space { margin-top: 30px; }
    .ik-space .col-lg-6 { width: 100%; }
    .ik-space .col-lg-6 + .col-lg-6 { margin-top: 20px; }
    
    .univ-detail.row { margin: 0 -10px -20px -10px; }
    .univ-detail.row .col-lg-3 { padding: 0 10px 20px 10px; width: 100%; }
    .unidetail-content .wrapper_list .small-detail span + span:before { display: none; }
    .unidetail-content .wrapper_list .small-detail span { display: block; }
    .wrapper_list .btn { font-size: 14px; padding: 10px 15px; }
    .mobile-500 .wrapper_list { padding: 0 !important; }
    .wrapper_list_checkout .degree_courses { width: 100%; }
    .list-courses .wrapper_list_checkout .degree_courses { padding-right: 0; }
    .wrapper_list_checkout .button-courses a { display: inline-block; width: 50%; margin: 0 5px; }
    .wrapper_list_checkout .button-courses { display: flex !important; width: 100% !important; padding: 20px 10px; border-top: solid 1px #DBDBDB; }
    .wrapper_list_checkout .button-courses a { display: inline-block; margin: 0 5px; }
    .app-reply .button-courses { border-color: #FF5A5F !important; }
    .list-courses .wrapper_list_checkout .button-courses { padding:0 10px 20px 10px; border-top: none; }
    .document .col-lg-6 + .col-lg-6 { margin-top: 20px; }
    .document .box-detail .btn { margin-top: 10px; }
    
    .features-icons { padding: 60px 0 30px 0; }
    .features-icons .features-icons-item { width: 100% !important; } 
    .features-icons .features-icons-item + .features-icons-item { margin-top: 30px; }
    
    footer.footer { padding-top: 50px; }
    footer.footer .bottom { margin-top: 50px; }
    .c-layout-page { padding-bottom: 50px; }
    
    .contactus h1 { margin-bottom: 30px; }
    .contactus form .row .col-md-6 { width: 100%; }
    .contactus form .row .col-md-6:last-child { margin-top: 20px; }
    
    .list-counselor .row .col-lg-3 { width: 100%; }
    
    .modal-content { padding: 30px; }
    .modal-content .modal-body form .btn { margin-top: 20px; }
}

@media all and (max-width: 400px) {
    .unidetail-content .wrapper_list, .unidetail-content .wrapper_list .span6, .unidetail-content .wrapper_list .span2 { display: block !important; }
    .unidetail-content .wrapper_list .text-right { text-align: left !important; }
    .unidetail-content .wrapper_list .span2 { margin-bottom: 20px; width: 100%; }
    .unidetail-content .wrapper_list .span2 .btn { min-width: 100px; }
    .unidetail-content .wrapper_list .span2.study-icon { display: none !important; }
    .unidetail-content  .wrapper_list .degree_courses { width: 100%; padding: 20px 0 10px 0; }
    .unidetail-content .side-detail .col-sm-6 { width: 100%; }
    .unidetail-content .side-detail .text-right { text-align: left !important; margin-top: 10px; }
    .wrapper_list_checkout .degree_courses .small-detail span { display: block; }
    .wrapper_list_checkout .degree_courses .small-detail span:before { display: none; }
    
    .user-profile.unidetail-content .top .sub-title span { font-size: 0.9rem; display: block; }
    .user-profile.unidetail-content .top .sub-title span:before { display: none; }
    .mydoc-wrapper { padding: 15px 20px !important; }
    .survey .tips { right: 20px; bottom: 20px; }
    
    .modal-dialog { margin: 0; }
    .modal-dialog .modal-content { border-radius: 0; border: none; }

    .unidetail-content .side-pic { height: 200px; }
}