/*		Desktop Layout: 1170px.
---------------------------------------------------------------- */
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
}


/*      Tablet Layout: 768px.    */
@media only screen and (min-width: 768px) and (max-width: 1025px) {

	.section_title {
	    width: 100% !important;
	    margin: 0px auto 20px;
	    text-align: center !important;
	    padding: 0 15px;
	}
	.section_title h2 {
	    font-size: 30px;
	    padding-bottom: 15px;
	    line-height: 36px !important;
	}
	.section_title span {
	    margin-left: 0 !important;
	    min-height: 40px;
	    display: inline-table;
	}
	header{
		display: none;
	}
	.header_top{
		display: none;
	}
	.silder_wrapper {
	    margin: 0;
	    padding-top: 67px;
	}

	.btn-secondary {
	    font-size: 13px;
	    padding: 0px 25px;
	    height: 40px;
	    line-height: 40px;
	    margin-top: 45px;
	}
	.carousel-indicators {
	    margin-right: 5%;
	}
	.header_wrapper .intro-wrapper .intro-text p {
	    line-height: 22px;
	    margin: 0;
	    font-size: 15px;
	    padding: 0;
	}
	.services .services_wrapper {
	    border: 5px solid #FFF !important;
	}
	.header_wrapper .intro-wrapper .intro-text {
	    max-width: 100%;
	}
	header .navbar .navbar-nav .btn{
	    display: block;
	}
	.silder_wrapper.inner {
	    height: auto;
	}
	.carousel-inner {
	    max-height: 400px;
	}
	.carousel .carousel-item {
	    height: 400px;
	}
	.silder_wrapper.inner .intro-wrapper {
	    margin-bottom: 100px;
	}
	.header_wrapper .intro-wrapper .intro-text {
	    max-width: 90%;
	    padding: 0px 15px 0;
	    border-radius: 10px;
	    max-height: 400px;
	}
	.header_wrapper .intro-wrapper .intro-text h1 {
	    font-size: 36px;
	    line-height: 42px;
	}
	.header_wrapper.inner .intro-wrapper .intro-text h1 {
	    margin-bottom: 30px;
	    font-size: 36px;
	    line-height: 40px;
	}

	.services.style-one .services_wrapper .services_content .service_title {
	    font-size: 24px;
	}
	.gallery_area.style-two .gallery-wrapper figure, .gallery_style_two {
	    width: 48%;
	    margin: 1%;
	}
	.register_area .form-content h2 {
	    font-size: 30px !important;
	    line-height: 40px;
	}
	.register_area .form-content p {
	    font-size: 16px;
	    line-height: 30px;
	}
	.services.style-one .services_wrapper {
	    margin-bottom: 30px;
	}
	footer .footer_col_hed h3 {
	    margin-bottom: 0;
	}
	.single-courses-area .single-curses-contert h2 {
	    text-align: center;
	}
	.sidebar-right {
	    margin-top: 50px;
	}
	.single-courses-area .sidebar-content .latest-post .latest-post-text .latest-post-single .course-image img {
	    width: 80px;
	}


}

/*		Wide Mobile Layout: 480px.
------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {


}

@media only screen and (max-width: 767px) {
	/*----------- Default Style CSS ------------*/
	body{
		text-align: center;
	}
	h1{
		font-size: 35px;
		color: #ffffff;
		line-height: 36px;
	}
	section, header, footer{
		overflow-x: hidden;
	}

	.section_title {
	    width: 100% !important;
	    margin: 0px auto 20px;
	    text-align: center !important;
	    padding: 0 15px;
	}
	.section_title h2 {
	    font-size: 30px;
	    padding-bottom: 15px;
	    line-height: 36px !important;
	}
	.section_title span {
	    margin-left: 0 !important;
	    min-height: 40px;
	    display: inline-table;
	}


		/*----------- Header Style CSS ------------*/
	header{
		display: none;
	}
	.header_top{
		display: none;
	}
	.silder_wrapper {
	    margin: 0;
	    padding-top: 67px;
	}

	.btn-secondary {
	    font-size: 13px;
	    padding: 0px 25px;
	    height: 40px;
	    line-height: 40px;
	    margin-top: 45px;
	}
	.carousel-indicators {
	    margin-right: 5%;
	}
	.header_wrapper .intro-wrapper .intro-text p {
	    line-height: 18px;
	    margin: 0;
	    font-size: 12px;
	    padding: 0;
	}
	.services .services_wrapper {
	    border: 5px solid #FFF !important;
	}
	.header_wrapper .intro-wrapper .intro-text {
	    max-width: 100%;
	}
	header .navbar .navbar-nav .btn{
	    display: block;
	}
	.silder_wrapper.inner {
	    height: auto;
	}
	.carousel-inner {
	    max-height: 400px;
	}
	.carousel .carousel-item {
	    height: 400px;
	}
	.silder_wrapper.inner .intro-wrapper {
	    margin-bottom: 100px;
	}
	.header_wrapper .intro-wrapper .intro-text {
	    max-width: 90%;
	    padding: 0px 15px 0;
	    border-radius: 10px;
	    max-height: 400px;
	}
	.header_wrapper .intro-wrapper .intro-text h1 {
	    font-size: 30px;
	}
	.header_wrapper.inner .intro-wrapper .intro-text h1 {
	    margin-bottom: 30px;
	    font-size: 36px;
	}


	.services_wrapper.one {
	    margin-right: 15px;
	}
	.services_wrapper.two {
	    margin: 15px;
	}
	.services_wrapper.three {
	    margin-left: 15px;
	}


	.who-we-are .who-we-banner {
	    right: 0;
	    margin-bottom: 60px;
	}
	section.who-we-are .call_info {
	    justify-content: center;
	}
	.gallery_area.style-two .gallery-wrapper figure, .gallery_style_two {
	    width: 100%;
	    margin: 0 0 30px 0;
	}



	.register_area .form-content {
	    padding: 0;
	}
	.register_area .form-content h2 {
	    font-size: 30px !important;
	    line-height: 36px;
	}
	.register_area .form-content p {
	    font-size: 15px;
	    line-height: 28px;
	    padding: 30px 15px 0;
	}


	.register_area .form-content .count_student {
	    display: inline;
	    justify-content: center;
	}
	.register_area .form-content .count_student .single_count {
	    margin-right: 0;
	    min-width: 150px;
	    margin-bottom: 30px;
	}
	.register_area .form-full-box {
	    margin: 0 15px;
	}

	.register_area .form-full-box .register-form .form-group input,
	.register_area .form-full-box .register-form .form-group textarea {
	    padding-top: 30px;
	    height: auto;
	}


	.slick-list {
	    margin: 0;
	}
	.services.news.style-one .services_wrapper {
	    border: none;
	    margin-bottom: 30px;
	    border: none !important;
	}
	.services.news.style-one .services_wrapper .services_content ul li {
	    text-align: left;
	}

	footer form {
	    align-items: center;
	    justify-content: center;
	}
	footer form .input-group .input-group-append {
	    right: 0;
	}
	footer .footer_col_hed h3 {
	    margin-bottom: 10px;
	    margin-top: 40px;
	}
	.footer-title p {
	    padding-right: 0;
	}





	.header_wrapper.inner .silder_wrapper {
	    margin: 0;
	    padding-top: 70px;
	}
	.header_wrapper.inner {
	    min-height: 300px;
	}
	.single-courses-area .single-curses-contert h2 {
	    font-size: 30px;
	    text-align: left;
	    line-height: 38px;
	}
	.single-courses-area .single-curses-contert .review-option {
	    padding: 40px 0;
	    display: flex;
	    justify-content: center;
	    flex-wrap: wrap;
	    text-align: left;
	}
	.border-left.review-item-singel {
	    border-bottom: 1px solid #cccccc;
	    border-right: 1px solid #cccccc;
	    padding: 0 10px 10px 0;
	}
	.single-courses-area .single-curses-contert .description-content .requirements ul li {
	    text-align: left;
	}
	.single-courses-area .single-curses-contert .description-content .count-list ol li {
	    text-align: left;
	}

	.single-courses-area .single-curses-contert .curriculum-text-box .curriculum-section .panel-group .panel .panel-title a {
	    padding: 0 40px 0 15px;
	    font-size: 15px;
	    text-align: left;
	}
	.single-courses-area .single-curses-contert .curriculum-text-box .curriculum-section .panel-group .panel .panel-title span {
	    padding-right: 0px;
	    line-height: 20px;
	}
	.single-courses-area .single-curses-contert .curriculum-text-box .curriculum-section .panel-group .panel .panel-title a::before {
	    right: 15px;
	}
	.single-courses-area .sidebar-right .sidebar-content {
	    width: 100%;
	    float: right;
	    margin-top: 80px;
	}
	.single-courses-area .single-curses-contert .review-content .five-star-rating {
	    width: 100%;
	    margin-bottom: 40px;
	}
	.right-rating-text {
	    display: inline-flex;
	}
	.single-courses-area .single-curses-contert .review-content .rating-btom-padding .right-rating-text span:first-child {
	    padding-right: 15px;
	    width: 100px;
	    line-height: 15px;
	}
	.single-courses-area .single-curses-contert .review-content .rating-btom-padding .right-rating-text .right-rating-color {
	    padding: 0;
	    height: 15px;
	    width: 130px;
	}
	.single-courses-area .single-curses-contert .review-content .rating-btom-padding .right-rating-text .rating-color-yellow {
	    padding: 0;
	    height: 15px;
	    width: 130px;
	}
	.single-courses-area .sidebar-content .courses-features .features-text ul {
	    margin: 0;
	    text-align: left;
	}

	.single-courses-area .sidebar-content .latest-post .latest-post-text .latest-post-single .course-image img {
	    width: 80px;
	}








}