body {
    background-image: url(../images/bg.png) !important;
    background-size: 100% 131% !important;
}

p.call_info {
    padding: 24px 0px 16px 0px !important;
    background: white !important;
    color: #3d3d47 !important;
    font-size: 20px !important;
    font-weight: bold !important;
    font-family: Roboto !important;
}
ul.social_list li {
    display: inline !important;
    padding: 1px !important;
}
a.down_apps:hover {
    /* background: white !important; */
    /* color: #009724 !important; */
    /* box-shadow: 2px 4px 1px 1px #666767; */
    /* box-shadow: 2px 4px 1px 1px black !important; */
    text-decoration: unset;
    /* padding: 6px; */
}
a.down_apps {
    /* background: #ffffff !important; */
    /* padding: 8px 25px 8px 25px !important; */
    /* border: 1px solid #009724 !important; */
    /* border-radius: 18px !important; */
    /* color: #009724 !important; */
    /* font-size: 15px !important; */
    /* font-family: Roboto !important; */
    /* box-shadow: 2px 4px 1px 1px #d2d2d2; */
    /* text-decoration: none !important; */
    padding: 6px;
    text-decoration: unset;
}
a.down_apps img
{
	margin-top: -9px;
	margin-bottom: -10px;
	width:;
}
ul.social_list {
    /* margin-top: 21px!important; */
    float: right !important;
    padding: 24px 0px 16px 0px !important;
}
.school_backs {
    /* background-image: url(images/bg.png)!important; */
    /* height: 599px!important; */
    /* background: yellowgreen!important; */
}
.online_header header {
    border-bottom: 2px solid #006963 !important;
    background: white !important;
}
.schoolsview {
    padding-top: 7% !important;
}
.select_left {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.schools_info {
    background: #FFF !important;
    text-align: center !important;
    padding-bottom: 11px !important;
    margin-top: -20px;
}
.schools_info h3 {
    font-size: 20px !important;
    padding-top: 25px !important;
    font-family: Roboto !important;
    font-weight: normal !important;
    color: #3d3d47 !important;
    margin-bottom: -1px !important;
}
img.student_log {
    margin-top: 28px !important;
    width: 36% !important;
    margin-bottom: 4px !important;
}
.schools_info a {
    background: #03a3a7 !important;
    color: white !important;
    padding: 10px 73px 10px 73px !important;
    text-decoration: none !important;
    font-size: 17px !important;
    font-family: Roboto !important;
    border-radius: 5px !important;
    box-shadow: 3px 2px 2px 2px #a1a1a1 !important;
}

.clear {
    clear: both !important;
}

.schools_info p {
    margin-top: 16px !important;
    text-transform: uppercase !important;
    font-family: Roboto !important;
    color: #3d3d47 !important;
    font-weight: 500 !important;
}

.borders {
    border: 1px solid #7d7d7d !important;
    width: 89% !important;
    margin: 20px auto !important;
    margin-bottom: 0px !important;
}

.foot {
    text-align: center !important;
    padding: 18px !important;
    color: white !important;
    font-size: 22px !important;
    font-family: Roboto !important;
    margin-top: 0px !important;
    margin-bottom: -16px;
}
img.logo_png {
    width: 89% !important;
    margin-bottom: -53px !important;
}

/*social*/
img.socialfb {
    border: 2px solid #ffffff00 !important;
    padding: 2px !important;
    margin-top: -1px;
    margin-bottom: -18px;
}
img.socialfb:hover {
    border: 2px solid #3B5998 !important;
    border-radius: 6px !important;
}
img.socialpin {
    border: 2px solid #ffffff00 !important;
    padding: 2px !important;
    margin-top: -1px;
    margin-bottom: -18px;
}
img.socialpin:hover {
    border: 2px solid #C92228!important;
    border-radius: 6px!important;
}
img.socialtw:hover {
    border: 2px solid #00aced !important;
    border-radius: 6px !important;
}
img.socialtw {
	border: 2px solid #ffffff00 !important;
	padding: 2px !important;
	margin-top: -1px;
	margin-bottom: -18px;
}
img.socialgo {
	border: 2px solid #ffffff00 !important;
	padding: 2px !important;
	margin-top: -1px;
	margin-bottom: -18px;
	}
	img.socialgo:hover {
    border: 2px solid #d34836 !important;
    border-radius: 6px !important;
}
img.socialli {
    border: 2px solid #ffffff00 !important;
    padding: 2px !important;
    margin-top: -1px;
    margin-bottom: -18px;
}
img.socialli:hover {
    border: 2px solid #0d77b7 !important;
    border-radius: 6px !important;
}
.row {
    margin-left: 0px !important;
    margin-right: 0px  !important;
}
.carousel-indicators {
    bottom: 2px !important!important;
}
.carousel-indicators li {
    border: 1px solid #098487  !important;
}
.carousel-indicators .active {
    background-color: #00767d  !important;
}
.carousel-control.left {
    background-image: linear-gradient(to right,rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, 0.0001) 100%) !important;
}
.carousel-control.right
{
	background-image: linear-gradient(to right,rgba(255, 255, 255, 0) 0,rgba(255, 255, 255, 0.0001) 100%) !important;
}

	@media screen and (min-width: 768px) and (max-width: 1024px)
{
	.schools_info h3 {
    font-size: 15px !important;
    padding-top: 15px !important;
    font-family: Roboto !important;
    font-weight: normal !important;
    color: #3d3d47 !important;
    margin-bottom: 0px !important;
}
img.student_log {
    margin-top: 16px !important;
    width: 29% !important;
    margin-bottom: 3px !important;
}
.borders {
    border: 1px solid #7d7d7d !important;
    width: 89% !important;
    margin: 0px auto !important;
    margin-bottom: -7px !important;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    height: 454px !important;
    max-width: 100%;
    line-height: 1;
}
	.schools_info a {
    background: #03a3a7 !important;
    color: white !important;
    padding: 7px 55px 7px 58px !important;
    text-decoration: none !important;
    font-size: 17px !important;
    font-family: Roboto !important;
    border-radius: 5px !important;
    box-shadow: 3px 2px 2px 2px #a1a1a1 !important;
    margin-bottom: 0px !important;
}
img.student_log {
    margin-top: 23px !important;
    width: 29% !important;
    margin-bottom: 2.2px !important;
}
img.logo_png {
    width: 100% !important;
    margin-bottom: -57px !important;
}
p.call_info {
    padding: 16px 0px 0px 0px !important;
    background: white !important;
    color: #3d3d47 !important;
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: Roboto !important;
}
ul.social_list {
    margin-top: -12px !important;
    float: right !important;
    padding-right: 3px !important;
    margin-bottom: 0px;
}
.foot {
    text-align: center !important;
    padding: 10px !important;
    color: white !important;
    font-size: 17px !important;
    font-family: Roboto !important;
    margin-bottom: -7px !important;
    margin-top: 53px !important;
}
.schoolsview {
    padding-top: 5% !important;
    margin-bottom: -42px !important;
}
}
/* @media only screen and (min-width: 600px) {
p.call_info {
    padding: 24px 0px 16px 0px!important;
    background: white!important;
    color: #3d3d47!important;
    font-size: 17px!important;
    font-weight: bold!important;
    font-family: Roboto!important;
}
.schools_info h3 {
    font-size: 15px!important;
    padding-top: 15px!important;
    font-family: Roboto!important;
    font-weight: normal!important;
    color: #3d3d47!important;
}
img.student_log {
    margin-top: 28px!important;
    width: 27%!important;
    margin-bottom: 5px!important;
}
} */
@media only screen and (max-width: 600px)  {
p.call_info {
    padding: 5px 1px 7px 0px !important;
    background: white !important;
    color: #3d3d47 !important;
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: Roboto !important;
    width: 78% !important;
    margin: 0px auto !important;
    line-height: 28px !important;
    text-align: center !important;
}
img.logo_png {
    width: 62% !important;
    margin-bottom: -9px !important;
}
img.pays_fees {
    width: 95% !important;
}

.online_header header {
    text-align: center;
}
p.call_info {
    padding: 2px 0px 5px 0px !important;
    font-size: 13px !important;
}
p.call_info span {
    font-size: 12px !important;
    font-family: Roboto !important;
}
img.student_log {
    margin-top: 28px !important;
    width: auto !important;
    margin-bottom: 4px !important;
}
img.pays_fees {
    width: auto !important;
}
.foot {
    text-align: center !important;
    padding: 18px !important;
    color: white !important;
    font-size: 16px !important;
	}
ul.social_list {
    /* margin-top: 21px!important; */
    float: left !important;
    padding: 18px 0px 11px 0px !important;
    text-align: center;
    width: 100%;
}
ul.social_list li {
    display: inline !important;
    padding: 0px !important;
    line-height: 42px;
}
a.down_apps {
    /* background: #ffffff !important; */
    /* padding: 8px 25px 8px 25px !important; */
    /* border: 1px solid #009724 !important; */
    /* border-radius: 18px !important; */
    /* color: #009724 !important; */
    /* font-size: 15px !important; */
    /* font-family: Roboto !important; */
    /* box-shadow: 2px 4px 1px 1px #d2d2d2 !important; */
    /* text-decoration: none !important; */
    /* margin-right: 21%; */
    /* margin-left: 21%; */
}
.container {
    width: auto !important;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    height: auto !important;
    max-width: 100%;
    line-height: 1;
}
}
@media (max-width: 240px) {
	.container {
    width: auto !important;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    height: auto;
    max-width: 100%;
    line-height: 1;
}
}
.w3-center.w3-bottom.w3-text-white {
    display: none !important;
}
.w3-navbar.w3-border-bottom.w3-white.w3-top.w3-small {
    display: none !important;
}
p.call_info a {
    color: #3d3d47 !important;
	    font-weight: normal !important;
}
p.call_info span {
    font-size: 15px;
    font-family: Roboto !important;
}
.online_header {
    font-family: Roboto !important;
}
.container {
    width: auto;
}
@media (max-width: 767px) and (min-width: 480px)
{
.online_header header {
    border-bottom: 2px solid #006963 !important;
    background: white !important !important;
    text-align: center;
}
img.logo_png {
    width: 43% !important;
    margin-bottom: 0px !important;
}
.schools_info a {
    background: #03a3a7 !important;
    color: white !important;
    padding: 10px 130px 10px 130px !important;
    text-decoration: none !important;
    font-size: 17px !important;
    font-family: Roboto !important;
    border-radius: 5px !important;
    box-shadow: 3px 2px 2px 2px #a1a1a1 !important;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    height: auto !important;
    max-width: 100%;
    line-height: 1;
}
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    height: 583px;
    max-width: 100%;
    line-height: 1;
}
.header_section {
    width: 100%;
    background: #f3f3f3;
}
.header_section img {
    margin-top: -4px;
    width: 100%;
}
.header_section h3 {
    text-align: left;
    font-size: 16px;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 16px;
}
.header_section a {
    background: #00a2a6;
    padding: 7px 13px 7px 13px;
    border-radius: 4px;
    color: white;
}
.test_section h2 {
    color: #03a3a7;
    font-size: 23px;
    text-transform: uppercase;
    font-family: Roboto;
    margin-bottom: 14px;
	text-align: left;
    padding-left: 14px;
}
.gallery_text {
    background: #fefffd;
    border: 1px solid #d0d0d0;
    height: 287px;
    margin-bottom: 0px;
}
a.btn-youtube {
    background-image: url(../slider/demo/img/videoplay.png);
}
a.btn {
    display: inline-block;
    width: 100%;
    height: 200px;
    margin-right: 30px;
    transition: background-color 0.2s ease-in-out;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
    /* border-radius: 20px; */
    /* padding: 1px !important; */
}
.video_link h2 {
    font-size: 14px !important;
    text-align: left;
    padding-left: 15px;
    padding-top: -6px;
    color: black !important;
    font-weight: bold;
    text-transform: uppercase !important;
    padding-bottom: 0px;
    font-family: Roboto !important;
    line-height: 20px;
}
.video_link p {
    padding-top: 0px;
    font-size: 15px;
    color: #585a54;
    font-family: Roboto;
    padding-bottom: 6px;
    text-align: left;
    padding-left: 20px;
}
.simple-overlay__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    width: 640px;
    height: 315px;
    margin-top: -180px;
    margin-left: -320px;
    background-color: #ffffff;
    box-shadow: 0 3px 20px rgba(0, 0, 0, 0.5);
    padding-bottom: 7px !important;
    padding-top: 7px;
    padding-left: 4px;
    padding-right: 4px;
}