/*------------------------------------------------------------------
[Responsive Stylesheet]

>> Author : NCodeArt
>> Project Name : NC-Betimes Under Construction Template
>> Project Version : 0.02 
>> Style : Theme-1
-------------------------------------------------------------------*/

/*-----------------------------------------------------------------
>> MEDIA QUARIES
	- DESKTOP LAYOUT
		- @media only screen and (min-width: 1200px)
		- @media only screen and (min-width: 980px)
		- @media only screen and (min-width: 980px) and (max-width: 1199px)
	- TABLET LAYOUT
		- @media only screen and (min-width: 768px) and (max-width: 979px)
	- MOBILE LAYOUT 
		- @media only screen and (min-width: 200px) and (max-width: 767px)
		- @media only screen and (min-width: 200px) and (max-width: 419px)
		- @media only screen and (min-width: 420px) and (max-width: 599px)
		- @media only screen and (min-width: 600px) and (max-width: 767px)
-------------------------------------------------------------------

/* MEDIA QUARIES */

/*===========================================*/
/*	DESKTOP LAYOUT 
/*===========================================*/
@media only screen and (min-width: 1200px) {

}
@media only screen and (min-width: 980px) {
	
}
@media only screen and (min-width: 980px) and (max-width: 1199px) {
	
}

/*===========================================*/
/*	TABLET LAYOUT 
/*===========================================*/
@media only screen and (min-width: 768px) and (max-width: 979px) {
	/* == Common Class == */

	/* -- Container -- */
	.outer-container, .outer-container.title-bar{ padding: 30px 0px; }
	.outer-container .inner-container{ width: 752px; }

	/* -- Title Text -- */
	.title-text h1{	font-size: 45px; margin-bottom: 16px; }
	.title-text p{ font-size: 18px; }
	.page.title-text p{ font-size: 20px; }

	/* == Home == */

	/* -- Title text -- */
	.title-text{ padding-left: 5px; }

	/* -- Logo -- */
	#logo-wrp{ padding: 30px 0px; }

	/* -- Clock -- */
	#clock{ margin-bottom: 12px; }
	#countdown_dashboard{ padding-bottom: 20px; }
	.dash{ padding: 23px 20px 0px 20px; min-height: 75px; }
	.dash .digit{ font-size: 40px; width: 21px; }
	.dash_title{ font-size: 12px; }

	/* == Services == */
	.service-box .text h3{ font-size: 18px; }
	#services [class^=col] .row.mb50{ margin-bottom: 30px; }

	/* == Our Team == */
	#our-team.outer-container{ padding: 30px 0px; }
	.member-box{ margin-top: 55px; min-height: 230px; }
	.member-box .image{ top: 5px; }
	.member-box .text{ top: 83%; }

	/* == Contact Us == */
	.map-container { padding: 0px; background: none; }
	.contact-info .text h3{ font-size: 16px; }
	.contact-info .text p{ font-size: 14px; }
	#contact-us-1 .contact-info{ margin-bottom: 30px; }

	/* == Subcription == */
	#subcribe .contact-form{ padding: 0px 20px; }
	#subcribe .contact-form .btn{ right: 25px; }
}

/*===========================================*/
/*	MOBILE LAYOUT 
/*===========================================*/
@media only screen and (min-width: 200px) and (max-width: 767px) {
	/* == Common Class == */
	.bd-r{ border-right: none; }
	.menu-icon, .menu-text{ position: relative; }
	.menu-text{ margin-bottom: 20px; }

	/* -- Container -- */
	.outer-container, .outer-container.title-bar, #logo-wrp{ padding: 30px 0px; }
	.modalview .container{ overflow-y: scroll; }

	/* -- Title Text -- */
	.title-text{ padding-left: 0px; margin-bottom: 30px; text-align: center; }

	/* -- Navigationbar -- */
	#navbar a{ display: inline-block; }

	/* == Home Page == */
	#copyright{ margin-bottom: 0px; }

	/* == About Us == */
	.main-text{ padding-right: 0px; margin-bottom: 30px;}
	.main-text p{ text-align: inherit; font-size: 20px;}
	.info-box-wrp{ border-left: none; padding-left: 15px; }

	/* service */
	#services .mb50{ margin-bottom: 0px; }
	.service-box{ margin-bottom: 30px; }
	.service-box.last{ margin-bottom: 0px; }
	.image-wrapper{ text-align: center; margin-bottom: 30px; }

	/*contact us*/
	.map-container { padding: 0px; background: rgba(210,21,21,0.9); }
	.type-1.contact-info:last-child{ margin-bottom: 30px; }
	.map-wrapper iframe{ display: none; }
	.form-wrapper{ background: none; }
	#contact-us-1 .contact-info{ margin-bottom: 30px; }
	#contact-us-1 .contact-info.last{ margin-bottom: 0px; }
}
@media only screen and (min-width: 200px) and (max-width: 419px) {
	/* == Common Class == */

	/* -- Container -- */
	.outer-container .inner-container{ width: 285px; }

	/* -- Title Text -- */
	.title-text{ margin-bottom: 0px; }
	.title-text h1{	font-size: 40px; margin-bottom: 14px; }
	.title-text p{ font-size: 17px; }
	.page.title-text p{ font-size: 18px; }

	/* -- Navigation-bar -- */
	#navbar a{
		float: left;
		width: 49%;
		margin: 1px;
		text-align: center;
		background: rgba(0,0,0,0.4);
		font-size: 18px;
	}
	#navbar.icon a{
		float: left;
		width: 49%;
	}

	/* == Home == */
	.bd-r{ border-right: none; }
	.home-pg .title-text{ text-align: center; }
	#clock{ margin-bottom: 8px; margin-top: 15px; }
	#countdown_dashboard{ padding-bottom: 16px; }
	.dash{ padding: 23px 16px 0px 16px; min-height: 60px; }
	.dash .digit{ font-size: 30px; width: 16px; }
	.dash_title{ font-size: 10px; }

	/* == Our Team == */
	.member-box .text{ top: 80%; }

	/* == Subcription == */
	#subcribe .contact-form .btn{ width: 40%; }
}
@media only screen and (min-width: 420px) and (max-width: 599px) {
	/* == Common Class == */

	/* -- Container -- */
	.outer-container .inner-container{ width: 390px; }

	/* -- Title Text -- */
	.title-text{ margin-bottom: 0px; }
	.title-text h1{	font-size: 40px; margin-bottom: 14px; }
	.title-text p{ font-size: 17px; }
	.page.title-text p{ font-size: 18px; }

	/* -- Navigation-bar -- */
	#navbar a{
		float: left;
		width: 49%;
		margin: 1px;
		text-align: center;
		background: rgba(0,0,0,0.4);
		font-size: 18px;
	}
	#navbar.icon a{
		float: left;
		width: 49%;
	}

	/* == Home == */
	#clock{ margin-bottom: 10px; margin-top: 15px; }
	#countdown_dashboard{ padding-bottom: 15px; }
	.dash{ padding: 23px 18px 0px 18px; min-height: 70px; }
	.dash .digit{ font-size: 35px; width: 20px; }
	.dash_title{ font-size: 12px; }

	/* == Our Team == */
	.member-box .text{ top: 85%; }
	
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	/* == Common Class == */

	/* -- Container -- */
	.outer-container .inner-container{ width: 550px; }

	/* -- Title Text -- */
	.title-text{ margin-bottom: 0px; }
	.title-text h1{	font-size: 43px; margin-bottom: 14px; }
	.title-text p{ font-size: 17px; }
	.page.title-text p{ font-size: 18px; }

	/* == Home == */
	#clock{ margin-bottom: 10px; margin-top: 15px; }
	#countdown_dashboard{ padding-bottom: 18px; }
	.dash{ padding: 23px 18px 0px 18px; min-height: 70px; }
	.dash .digit{ font-size: 38px; width: 22px; }
	.dash_title{ font-size: 12px; }

	/* == Our Team == */
	.member-box .text{ top: 78%; }
	
}