/*
 ===================================				
 |    Author: Yeamin, Saron, Anis  |					 
 |    Email: adventure@gmail.com   |				
 |    URL: http://ictsky.com/      |
 |    Contact no: 01723448494	   |
 ===================================
*/

@media (max-width: 1080px){
		/* NAVIGATION AREA */
	.menu_area{
		height: 37px;
	}
	.menu_area nav ul li a {
		font-size: 13px;
	}
}


@media (max-width: 1024px) {
	/* NAVIGATION AREA */
	.menu_area{
		height: 37px;
	}
	.menu_area nav ul li a {
		font-size: 13px;
	}
		.cl-effect-20 ul li a span {
		padding: 3px 7px 0;
	}
/* SLIDER AREA */
	.slider_area{
		
	}
	.slider_area .main_slider .items{
		width: 100%;
		height: 330px;
	}

	.slider_area .main_slider .items img{
		width: 100%;
		height: 100%;
	}

	/* OUR SERVICES AREA */
	.our_course .container-fluid{
		padding: 0 15px;
	}
	.all_courses .course .course_details #text_course{
		height: 330px;
	}


	/* ACTIVITIES AREA */
	.our_activities .our_video iframe{
		width: 100%;
		height: 400px;
	}

	/* TEACHERS AREA */
	.our_teachers_area{
		padding-top: 50px;
		padding-bottom: 25px;
	}

	.our_teachers_area .heading h4{
		text-transform: uppercase;
		font-size: 25px;
		font-weight: bold;
		color: #000;
		font-family: arial;
	}

	.our_teachers_area .heading h4:after{
		content: '';
		width: 190px;
		height: 3px;
		background-color: deepskyblue;
		margin: auto;
		display: block;
		margin-top: 5px;
	}

	.our_teachers_area .our_teachers .teachers .teachers_name h4{
		font-size: 20px;
	}

	.our_teachers_area .our_teachers .teachers .teachers_info p{
		font-size: 15px; 
	}

	/*FOOTER AREA */
	.footer_area .footer_course_details{
		margin-left: 20%;
	}
	.footer_area .last_contact{
		margin-left: 40%;
	}



}

@media (max-width: 1013px) {
	/* NAVIGATION AREA */
	.menu_area{
		height: 36px;
	}
	.menu_area nav ul li a {
		font-size: 13px;
	}
	.cl-effect-20 ul li a span {
		padding: 3px 5px 0;
	}
	
}

@media (max-width: 991px) {
	/* OUR COURSE AREA */
	.all_courses .course .course_footer{
		text-align: center;
		width: 130px;
		margin: auto;
		padding-top: 10px;
	}

	/* OUR SERVICES AREA */
	.our_course .container-fluid{
		padding: 0 15px;
	}

}



@media (max-width: 962px) {
	/* NAVIGATION AREA */
	.menu_area{
		height: 33px;
	}
	.menu_area nav ul li a {
		font-size: 12px;
	}
	/* OUR COURSE AREA */
	.all_courses .course .course_details #text_course{
		height: 380px;
	}
}

@media (max-width: 930px) {
	/* OUR COURSE AREA */
	.all_courses .course .course_details .course_text{
		padding: 3px;
		height: 330px;
		border-bottom: 1px solid #d9d9d9;
	}
}


@media (max-width: 923px) {
	/* NAVIGATION AREA */
	.menu_area{
		height: 33px;
	}
	.menu_area nav ul li a {
		font-size: 12px;
	}
	.cl-effect-20 ul li a span {
		padding: 3px 5px 0;
	}

	

}



@media (max-width: 875px) {
	/* NAVIGATION AREA */
	.menu_area{
		height: 30px;
	}
	.menu_area nav ul li a {
		font-size: 11px;
	}

	/* OUR SERVICE AREA */
	.all_courses .course .course_details .course_text p{
		font-size: 11px;
	}

	.all_courses .course .course_details .course_text i{
		font-size: 12px;
	}

}

@media (max-width: 830px) {
	/* TOP HEADER AREA */
	/* contact */
	 .contact_us .contact_info .cell_icon i{
	 	font-size: 13px;
	 }
	 .contact_us .contact_info .contact_numbers p{
	 	font-size: 13px;
	 	font-weight: bold;
	}
	 .contact_us .contact_info .contact_numbers h4{
	 	font-size: 15px;
	 	font-weight: bold;
	}
	/* NAVIGATION AREA */
	.menu_area{
		height: 32px;
	}
	.menu_area nav ul li a {
		font-size: 11px;
	}

	.cl-effect-20 ul li a span {
		padding: 3px 5px 0;
	}

	/* OUR COURSE AREA */
	.all_courses .course .course_details #text_course{
		height: 400px;
	}

}

@media(max-width: 800px){
		/* NAVIGATION AREA */
	.menu_area{
		height: 28px;
	}
	.menu_area nav ul li a {
		font-size: 10px;
	}

	.cl-effect-20 ul li a span {
		padding: 3px 5px 0;
	}
}



@media (max-width: 768px) {
	/* MOBILE MENU AREA STARTS */
	.all_mobile{
		display: block;
	}

	/* TOP HEADER AREA */
	.top_header_area{
		margin-top: 39px;
	}
	/* BOTTOM HEADER AREA */
	.bottom_header_area{
		-webkit-transform: translateY(80px);
		   -moz-transform: translateY(80px);
		    -ms-transform: translateY(80px);
		     -o-transform: translateY(80px);
		        transform: translateY(80px);
	}
	.bottom_header_area .add_area{
		width: 100%;
		height: 100px;
	}
	.bottom_header_area .ictsky_icon{
	 	width: 180px;
	 	height: 100px;
	 	margin: auto;
	}
	/* NAVIGATION AREA */
	.menu_area{
		display: none;
	}
	/* SLIDER AREA */
	.slider_area{
		margin-top: 53px;
	}
	.slider_area .main_slider .items{
		width: 100%;
		height: 280px;
	}

	.slider_area .main_slider .items img{
		width: 100%;
		height: 100%;
	}

	.right_arrow{
		font-size: 16px;
	}

	.left_arrow{
		font-size: 16px;
	}

		/* ICT SPEACH AREA */
	.ict_speach .speach_img{
		height: 150px;
	}
	.ict_speach .speach{
		height: auto;
		text-align: justify;
	}

	.ict_speach .speach p{
		font-size: 14px;
	}


	/* OUR COURSE AREA */
	.our_course{
		padding-top: 25px;
	}

	.our_course .container{
		
	}

	.our_course .course_heading h4{
		font-size: 25px;
	}

	.all_courses .course .heading h4{
		font-size: 17px;
	}

	.all_courses .course .course_details #text_course{
		height: auto;
	}

	.all_courses .course .course_details .course_text{
		height: auto;
	}
	.all_courses .course .course_footer a{
		font-size: 15px;
	}

	/* OUR ACTIVITIES AREA */
	.our_activities{
		padding-top: 50px;
	}

	.our_activities .heading h4{
		font-size: 25px;
	}
	
	.our_activities .our_video iframe{
		width: 100%;
		height: 350px;
	}

	/* TEACHERS AREA */
	.our_teachers_area{
		padding-top: 50px;
		padding-bottom: 25px;
	}

	.our_teachers_area .heading h4{
		text-transform: uppercase;
		font-size: 25px;
		font-weight: bold;
		color: #000;
		font-family: arial;
	}

	.our_teachers_area .heading h4:after{
		content: '';
		width: 190px;
		height: 3px;
		background-color: deepskyblue;
		margin: auto;
		display: block;
		margin-top: 5px;
	}

	.our_teachers_area .our_teachers .teachers .teachers_name h4{
		font-size: 20px;
	}

	.our_teachers_area .our_teachers .teachers .teachers_info p{
		font-size: 15px; 
	}

	/* OUR CLIENTS AREA STARTS */
	.our_clients_area .all_clients .client{
		width: 100%;
		margin-top: 20px;
	}

	/* DOMAIN SEARCH AREA */
	.domain_search_area{
		padding-top: 50px;
		padding-bottom: 20px;
	}

	.domain_search_area .heading{
		text-align: center;
	}

	.domain_search_area .heading h4{
		text-transform: capitalize;
		font-size: 13px;
		font-weight: bold;
		color: #000;
		font-family: arial;
	}

	.domain_search_area .heading h4:after{
		content: '';
		width: 260px;
		height: 3px;
		background-color: deepskyblue;
		display: block;
		margin: auto;
		margin-top: 5px;
	}
	.domain_search_area .domain_form form{
		padding:  0;
	}

	.domain_search_area .domain_form form input{
		width: 100%;
		height: 30px;
		border: 1px solid deepskyblue;
	}

	.domain_search_area .domain_form form input:focus{
		box-shadow: 0 0 5px deepskyblue;
	}

	.domain_search_area .domain_form form select{
		width: 100%;
		height: 30px;
		border: 1px solid deepskyblue;
		margin-top: 10px;
	}

	.domain_search_area .domain_form form input[name=btn]{
		height: 30px;
		margin-top: 10px;
		line-height: .5;
	}

	h3{
		font-size: 14px;
	}


	/* FOOTER CONTACT AREA */
	.footer_contact{
		padding: 25px 0;
	}

	.footer_contact .footer_contact_heading{
		text-align: center;
		margin-bottom: 40px;
	}

	.footer_contact .footer_contact_heading h4{
		font-size: 25px;
	}
	.footer_contact .footer_contact_heading h4:after{
		content: '';
		width: 160px;
	}

	.footer_contact .head_office h4{
		font-size: 17px;
	}

	.footer_contact .head_office h4:after{
		content: '';
		width: 40px;
		margin-top: 3px;
	}
	.footer_contact .head_office_details p{
		font-size: 14px;
	}

	.footer_contact .contact_form form .heading h4{
		font-size: 17px;
	}

	.footer_contact .contact_form form .heading h4:after{
		content: '';
		width: 48px;
		margin-top: 3px;
	}

		/* REF_DOMAIN FORM AREA */
	.reg_domain{
		padding-top: 60px;
	}
	.reg_domain .heading h4{
		text-transform: capitalize;
		
		font-weight: bold;
		color: #000;
		font-family: arial;
	}

	.reg_domain .heading h4:after{
		content: '';
		width: 320px;
		height: 3px;
		background-color: deepskyblue;
		display: block;
		margin: auto;
		margin-top: 5px;
	}


}



@media (max-width: 665px) {
	/* TOP HEADER AREA */
	.top_header_area .social_icon{
		text-align: center;
	}

	.top_header_area .social_icon .icon_fac{
		width: 25px;
		height: 25px;
	}

	.top_header_area .social_icon .icon_twi{
		width: 25px;
		height: 25px;
	}

	.top_header_area .social_icon .icon_you{
		width: 25px;
		height: 25px;
	}
	.top_header_area .social_icon .icon_fac a i{
		font-size: 14px;
		color: #fff;
	}

	.top_header_area .social_icon .icon_twi a i{
		font-size: 14px;
		color: #fff;
	}

	.top_header_area .social_icon .icon_you a i{
		font-size: 14px;
		color: #fff;
	}
	/* headline */
	.ictsky_headline{
		text-align: center;
		-webkit-transform: translateY(5px);
		   -moz-transform: translateY(5px);
		    -ms-transform: translateY(5px);
		     -o-transform: translateY(5px);
		        transform: translateY(5px);
	}
	.ictsky_headline h4{
		font-size: 22px;
	}
	/* contact */
	 .contact_us .contact_info .cell_icon i{
	 	font-size: 12px;
	 }
	 .contact_us .contact_info .contact_numbers p{
	 	font-size: 12px;
	 	font-weight: bold;
	}
	 .contact_us .contact_info .contact_numbers h4{
	 	font-size: 13px;
	 	font-weight: bold;
	}

	/* FOOTER AREA */
	.footer_area .footer_course_details{
		margin-left: 20%;
	}
	.footer_area .last_contact{
		margin-left: 6%;
	}



}





@media (max-width: 605px) {
	/* TOP HEADER AREA */
	/* contact */
	 .contact_us .contact_info .cell_icon i{
	 	font-size: 10px;
	 }
	 .contact_us .contact_info .contact_numbers p{
	 	font-size: 10px;
	 	font-weight: bold;
	}
	 .contact_us .contact_info .contact_numbers h4{
	 	font-size: 11px;
	 	font-weight: bold;
	}
}




@media (max-width: 575px) {
	/* TOP HEADER AREA */

	/* mobile menu area */
	.mobile_menu_area .mobile_menu_icon{
		position: relative;
		margin-top: -25px;
	}

	/* headline area */
	.ictsky_headline{
		display: none;
	}
	
	/* SLIDER AREA */
	.slider_area{
		
	}
	 .contact_us2{
	 	display: block;
	}

	/* contact */
	.contact_us{
		display: none;
	}
	 .contact_us2 .contact_info .cell_icon i{
	 	font-size: 8px;
	 }
	 .contact_us2 .contact_info .contact_numbers p{
	 	font-size: 11px;
	 	font-weight: bold;
	}
	 .contact_us2 .contact_info .contact_numbers h4{
	 	font-size: 11px;
	 	font-weight: bold;
	}

	.ictsky_headline2{
	    display: block;
	    text-align: left;
	}

	/* BOTTOM HEADER AREA */
	.add_area{
		display: none;
	}
	.bottom_header_area{
		-webkit-transform: translateY(69px);
		   -moz-transform: translateY(69px);
		    -ms-transform: translateY(69px);
		     -o-transform: translateY(69px);
		        transform: translateY(69px);
	}

	.ict_add .add_area{
		display: block;
	}

	.bottom_header_area .ictsky_icon{
	 	width: 130px;
	 	height: 80px;
	 	margin: auto;
	}

	/* SLIDER AREA */
	.slider_area{
		margin-top: 43px;
	}
	.slider_area .main_slider .items{
		width: 100%;
		height: 150px;
	}

	.slider_area .main_slider .items img{
		width: 100%;
		height: 100%;
	}

	.right_arrow{
		font-size: 13px;
		padding: 5px;
		top: 38%;
	}

	.left_arrow{
		font-size: 13px;
		padding: 5px;
		top: 38%;
	}


	/* ICT SPEACH AREA */
	.ict_speach .speach_img{
		display: none;
	}
	.ict_speach .speach{
		border-left: none;
		height: auto;
		padding: 0 10px;
		text-align: justify;
	}

	.ict_speach .speach p{
		font-size: 13px;

	}

	.ict_speach .speach p:before{
		content: '';
		display: block;
		width: 100%;
		background-color: deepskyblue;
		height: 2px;
		margin-bottom: 10px;
	}

	/* OUR COURSE AREA  & SERVICE*/
	.all_courses .course .course_footer{
		text-align: center;
		width: 200px;
		margin: auto;
		padding-top: 10px;
	}
	.all_courses .course .course_details .course_text{
		height: auto;
	}

	.all_courses:hover{
		margin-top: 0;
	}

	.service_list h4{
		font-size: 16px;
	}


	/* ACTIVITIES AREA */
		.our_activities .our_video iframe{
			width: 100%;
			height: 200px;
		}

	/* OUR TEACHERS AREA SARTS */
	.our_teachers_area .our_teachers .teachers{
		height: auto;
	}

	/* OUR CLIENTS AREA */
	.our_clients_area .heading h4{
		font-size: 25px;
	}

	.our_clients .heading h4{
		text-transform: uppercase;
		font-size: 25px;
		font-weight: bold;
		color: #000;
		font-family: arial;
	}

	.our_clients .heading h4:after{
		content: '';
		width: 230px;
		height: 3px;
		background-color: deepskyblue;
		margin: auto;
		display: block;
		margin-top: 5px;
	}
	.our_clients_area .all_clients .client{
		margin-bottom: 0;
	}

	.ext{
		padding: 0;
	}


	/* FOOTER CONTACT AREA */
	.footer_contact .google_map iframe{
		width: 100%;
		height: 250px;
	}

	.footer_contact .head_office{
		margin-top: 20px;
	}

	/* REF_DOMAIN FORM AREA */
	.reg_domain{
		padding-top: 50px;
	}
	.reg_domain .heading h4{
		text-transform: capitalize;
		font-size: 15px;
		font-weight: bold;
		color: #000;
		font-family: arial;
	}

	.reg_domain .heading h4:after{
		content: '';
		width: 300px;
		height: 3px;
		background-color: deepskyblue;
		display: block;
		margin: auto;
		margin-top: 5px;
	}

	/* FOOTER AREA */
	.footer_area{
		padding-top: 10px;
	}
	.footer_area .footer_logo{
		width: 120px;
		height: 80px;
		margin: auto;
	}

	.footer_course_details{
		display: none;
	}
	#f_c_details{
		display: block;
	}
	#f_logo{
		display: block;
	}

	.footer_logo{
		display: none;
	}

	.footer_area .footer_course_details{
		margin-left: 0;
		float: left;
	}
	.footer_area .last_contact{
		margin-left: 75%;

	}

	.footer_area .footer_course_details .heading h4{
		font-size: 12px;
	}

	.footer_area .footer_course_details .heading h4:after{
		content: '';
		width: 40px;
		margin-top: 3px;
	}
	.footer_area .footer_course_details .footer_courses ul li{
		margin-bottom: -5px;
	}

	.footer_area .footer_course_details .footer_courses ul li a{
		font-size: 10px; 
		
	}

	.footer_area .last_contact .menu_heading h4{
		font-size: 12px;
	}

	.footer_area .last_contact .menu_heading h4:after{
		content: '';
		width: 40px;
		margin-top: 3px;
	}

	.footer_area .last_contact .menu_details ul li{
		margin-bottom: -5px;
	}

	.footer_area .last_contact .menu_details ul li a{
		font-size: 10px; 
		color: #fff;
		text-transform: capitalize;
		font-weight: bold;
	}


}

@media (max-width: 515px){
	/* FOOTER AREA */
	.footer_area .last_contact{
		margin-left: 70%;
	}
}

@media (max-width: 435px){
		/* TOP HEADER AREA */
	.top_header_area .social_icon{
		text-align: left;
	}

	.top_header_area .social_icon .icon_fac{
		width: 25px;
		height: 25px;
		margin: 2px;
	}

	.top_header_area .social_icon .icon_twi{
		width: 25px;
		height: 25px;
		margin: 2px;
	}

	.top_header_area .social_icon .icon_you{
		width: 25px;
		height: 25px;
		margin: 2px;
	}
	.top_header_area .social_icon .icon_fac a i{
		font-size: 14px;
		color: #fff;
	}

	.top_header_area .social_icon .icon_twi a i{
		font-size: 14px;
		color: #fff;
	}

	.top_header_area .social_icon .icon_you a i{
		font-size: 14px;
		color: #fff;
	}

	/* REF_DOMAIN FORM AREA */
	.reg_domain{
		padding-top: 50px;
	}
	.reg_domain .heading h4{
		text-transform: capitalize;
		font-size: 15px;
		font-weight: bold;
		color: #000;
		font-family: arial;
	}

	.reg_domain .heading h4:after{
		content: '';
		width: 250px;
		height: 3px;
		background-color: deepskyblue;
		display: block;
		margin: auto;
		margin-top: 5px;
	}

	/* FOOTER AREA */
	.footer_area .last_contact{
		margin-left: 60%;
	}
	.footer_area .footer_text p{
		font-size: 9px;
		color: #fff;
		font-weight: bold;
	}

}


@media (max-width: 300px){

	/* contact */
	 .contact_us2 .contact_info .cell_icon i{
	 	font-size: 8px;
	 }
	 .contact_us2 .contact_info .contact_numbers p{
	 	font-size: 10px;
	 	font-weight: bold;
	}
	 .contact_us2 .contact_info .contact_numbers h4{
	 	font-size: 10px;
	 	font-weight: bold;
	}

}