@charset "utf-8";
/* CSS Document */


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {



}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1536px) {

    .reason_col h4{
	    margin-bottom: 0px;
	}

	.reason_col p {
	    margin-bottom: 20px;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {

	

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {

	.bg_text {
	    font-size: 63px;
	    padding-top: 26%;
	}

	.icon-scroll {
	    right: 41%;
	}

	#wowslider-container1 .ws-title {
	    position: absolute;
	    width: 90%;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1024px) {

	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	    padding: 15px 10px;
	    font-size: 16px;
	}

	.nav-tabs>li>a {
		padding: 15px 10px;
		font-size: 16px;
	}

	.nav-tabs li.active a:after {
	    top: 55px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {

   .footer_text {
	    font-size: 60px;
	    line-height: 50px;
	}


	.caption_text{
	    font-size: 40px;
	    line-height: 45px;
	}

	.icon-scroll {
	    right: 45%;
	}

	.course_row{
		background-image: none !important;
	}

	.contact_form_row{
		margin-top: 40px;
	}

	.footer_tel_num {
	    left: 54%;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {



}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 767px) {

	.navbar ul li a {
	    text-align: center !important;
	}

	.top_logo {
	    width: 13%;
	    position: absolute;
	    top: 0px;
	    left: 30px;
	    z-index: 99999;
	}

	.bg_text {
    	display: none;
    }

	.footer_tel_num {
	    position: relative;
	    bottom: 0px;
	    left: 0px;
	    margin-bottom: 30px !important;
	}

	.footer_logo {
        width: 112px;
        /* float: left; */
        padding-right: 0px;
        position: relative;
        left: 0px;
    }

	.footer_logo_col{
		padding-left: 30px;
	}

	.footer_links_row p a{
		color: #ffffff !important;
	    -webkit-transition: all 500ms ease;
	    -moz-transition: all 500ms ease;
	    -ms-transition: all 500ms ease;
	    -o-transition: all 500ms ease;
	    transition: all 500ms ease;
	}

	.footer_links_row p a:hover{
	    color: #ffffff !important;
	}

	.contact_form_row{
		margin-top: 40px;
		padding: 15px 15px;
	}

	.contact_form_col{
		padding-left: 0px;
		padding-right: 0px;
	}

	.reason_col h4 {
	    padding-right: 65px;
	}

	.reason_col p {
	    position: relative;
	    left: 60px;
	    margin-top: 0px;
	    margin-bottom: 20px;
	    padding-right: 65px;
	}

	.apply_text_col{
		padding-left: 30px;
		padding-right: 30px;
	}

	.apply_img_col{
		padding-left: 0px;
		padding-right: 0px;
	}

	.reason_col{
		padding-left: 30px;
		padding-right: 30px;
	}

	.course_row{
		background-image: none;
	}

	#bg-circle {
	  background-image:  none !important;
	}

	.customer_con{
		padding-left: 30px;
		padding-right: 30px;
	}

	.navbar ul li a:before {
	    content: attr(data-text);
	    position: absolute;
	    left: 69px;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 70px;
	    opacity: 0;
	    transition: opacity ease 500ms;
	}

	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	    padding: 15px 10px;
	    font-size: 16px;
	}

	.nav-tabs>li>a {
		padding: 15px 10px;
		font-size: 16px;
	}

	.nav-tabs li.active a:after {
	    top: 55px;
	}

	.reason_bg {
	    background-position: left bottom;
	}

	.reason_bg img{
		width: 60%;
	}

	.apply_img_col img{
		width: 60%;
	}

	.custom_btn {
	    padding: 15px 20px;
	    font-size: 12px;
	}

	.custom_btn:hover {
	    padding: 15px 20px;
	    font-size: 12px;
	}

	.custom_btn_black {
	    padding: 15px 20px;
	    font-size: 12px;
	}

	.custom_btn_black:hover {
	    padding: 15px 20px;
	    font-size: 12px;
	}

	.man_gif{
		width: 160px !important;
	}

	.join_btn {
	    margin-top: -170px;
	}

	

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

	.top_logo {
	    width: 20%;
	}


	.main_heading {
	    font-size: 38px;
	}



}

/* Custom, iPhone Retina */
@media only screen and (max-width : 375px) {

	.top_logo {
	    width: 25%;
	}
	

}


/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {

	.top_logo {
	    width: 25%;
	}

}


@media only screen and (max-width : 320px) {



}