@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%;
	}

	.top_welcome_col h1 {
	    font-size: 34px;
	    line-height: 38px;
	}

}

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

	.top_welcome_col h1 {
	    font-size: 34px;
	    line-height: 38px;
	}

}

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

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

	.social_icon{
		text-align: left !important;
	}


	.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%;
	}

	.yellow_bar h1 b{
		font-size: 40px !important;
	}

	#service .main_heading {
	    padding-top: 0px;
	    margin-top: 0px;
	}

	.contact_div {
	    padding-left: 40px;
	    padding-right: 40px;
	}

	#jarallax-container-0 {
	    display: none !important;
	}

	.bg_row{
	    background-repeat:no-repeat;
	    background-size:cover;
	    background-position:center right;
	}

}

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



}

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

	.social_icon{
		text-align: left !important;
	}

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

	.top_logo {
	    width: 100% !important;
	}

	.bg_text {
    	display: none;
    }

    .about_section {
	    background-image: none;
	}

	.grabit_section h3 {
	    padding-top: 0px;
	    margin-top: 8px;
	}

	#service .main_heading {
	    padding-top: 0px;
	    margin-top: 0px;
	}

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

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

	.yellow_bar h1 b{
		font-size: 30px !important;
	}

	.contact_div {
	    padding-top: 40px;
        padding-bottom: 40px;
	    padding-left: 40px;
	    padding-right: 40px;
	}

	.grab_img {
	    position: relative;
	    margin-top: 0px;
	}

	#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;
	}

	.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%;
	}

	.top_welcome_col h1 {
	    font-size: 27px;
	    line-height: 34px;
	}
	

}


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

	.top_logo {
	    width: 25%;
	}

}


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



}