/***************************************************************************************
RESPONSIVE CSS MIN WIDTH - 0PX AND MAX WIDTH 320PX
***************************************************************************************/
@media (min-width: 0px) and (max-width: 320px) {
	
	/****************************************
	NAVIGATION CSS
	****************************************/
	.navbar-brand img{
		width: 200px;
	}
	
	/****************************************
	CAROUSEL CSS
	****************************************/
	
	
	#carousel-example-generic .item img{
		min-height: 300px;
	}
	.slider-overlay{
		left: 15%;
		width: 70%;
	}
	.slider-overlay h3{
		text-align: center;
		color: #ffffff;
		font-size: 20px;
		font-weight: bold;
	}
	.slider-overlay p{
		font-size: 12px;
	}
	
	/****************************************
	HOME PAGE SERVICE SECTION
	****************************************/
	
	.home-service-body-list{
		
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 15px;
	
	}
	
	/****************************************
	HOME PAGE ABOUT SECTION
	****************************************/
	
	.home-about-info{
		padding: 8% 5% 8% 5%;
		background: rgba(63,81,181,.9);
	}
	
	/****************************************
	FOOTER SECTION
	****************************************/
	
	.futer-contact,.futer-service,.futer-social{
		
		padding-left: 10%;
		padding-right: 10%;
	
	}
	
	/****************************************
	SERVICE PAGE - SERVICE LIST SECTION
	****************************************/
	.in-service-list-info-33{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 10px;
		height: auto;
	}
	
	.in-service-gallery-list{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		height: auto;
	
	}
	/****************************************
	ABOUT PAGE
	****************************************/
	.abt-pts-body-list-info{
		position: static;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		padding-left: 0;
		margin-bottom: 20px;		
	}
	.abt-pts-body-list-info-img{
		position: static;
		margin-bottom: 50px;
	}
	
	
}
/***************************************************************************************
RESPONSIVE CSS MIN WIDTH - 321PX AND MAX WIDTH 480PX
***************************************************************************************/
@media (min-width: 321px) and (max-width: 480px) {
	/****************************************
	NAVIGATION CSS
	****************************************/
	.navbar-brand img{
		width: 200px;
	}
	
	/****************************************
	CAROUSEL CSS
	****************************************/
	
	
	#carousel-example-generic .item img{
		min-height: 300px;
	}
	.slider-overlay{
		left: 15%;
		width: 70%;
	}
	.slider-overlay h3{
		text-align: center;
		color: #ffffff;
		font-size: 20px;
		font-weight: bold;
	}
	.slider-overlay p{
		font-size: 12px;
	}
	
	/****************************************
	HOME PAGE SERVICE SECTION
	****************************************/
	
	.home-service-body-list{
		
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 15px;
	
	}
	
	/****************************************
	HOME PAGE ABOUT SECTION
	****************************************/
	
	.home-about-info{
		padding: 8% 5% 8% 5%;
		background: rgba(63,81,181,.9);
	}
	
	/****************************************
	FOOTER SECTION
	****************************************/
	
	.futer-contact,.futer-service,.futer-social{
		
		padding-left: 5%;
		padding-right: 5%;
	
	}
	
	/****************************************
	SERVICE PAGE - SERVICE LIST SECTION
	****************************************/
	.in-service-list-info-33{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 10px;
		height: auto;
	}
	
	.in-service-gallery-list{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		height: auto;
	
	}
	
	/****************************************
	ABOUT PAGE
	****************************************/
	.abt-pts-body-list-info{
		position: static;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		padding-left: 0;
		margin-bottom: 20px;		
	}
	.abt-pts-body-list-info-img{
		position: static;
		margin-bottom: 50px;
	}
	
	

}
/***************************************************************************************
RESPONSIVE CSS MIN WIDTH - 481PX AND MAX WIDTH 640PX
***************************************************************************************/

@media (min-width: 481px) and (max-width: 640px) {
	/****************************************
	NAVIGATION CSS
	****************************************/
	.navbar-brand img{
		width: 200px;
	}
	
	/****************************************
	CAROUSEL CSS
	****************************************/
	
	
	#carousel-example-generic .item img{
		min-height: 300px;
	}
	.slider-overlay{
		left: 15%;
		width: 70%;
	}
	.slider-overlay h3{
		text-align: center;
		color: #ffffff;
		font-size: 20px;
		font-weight: bold;
	}
	.slider-overlay p{
		font-size: 12px;
	}
	
	/****************************************
	HOME PAGE SERVICE SECTION
	****************************************/
	
	.home-service-body-list{
		
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 15px;
	
	}
	
	/****************************************
	HOME PAGE ABOUT SECTION
	****************************************/
	
	.home-about-info{
		padding: 8% 5% 8% 5%;
		background: rgba(63,81,181,.9);
	}
	
	/****************************************
	FOOTER SECTION
	****************************************/
	
	.futer-contact,.futer-service,.futer-social{
		
		padding-left: 5%;
		padding-right: 5%;
	
	}
	
	/****************************************
	SERVICE PAGE - SERVICE LIST SECTION
	****************************************/
	.in-service-list-info-33{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 10px;
		height: auto;
	}
	
	.in-service-gallery-list{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		height: auto;
	
	}
	
	/****************************************
	ABOUT PAGE
	****************************************/
	.abt-pts-body-list-info{
		position: static;
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		padding-left: 0;
		margin-bottom: 20px;		
	}
	.abt-pts-body-list-info-img{
		position: static;
		margin-bottom: 50px;
	}
	
	
}
/***************************************************************************************
RESPONSIVE CSS MIN WIDTH - 641PX AND MAX WIDTH 768PX
***************************************************************************************/
@media (min-width: 641px) and (max-width: 768px) {
	/****************************************
	NAVIGATION CSS
	****************************************/
	.navbar-brand img{
		width: 200px;
	}
	
	/****************************************
	CAROUSEL CSS
	****************************************/
	
	
	#carousel-example-generic .item img{
		min-height: 300px;
	}
	.slider-overlay{
		left: 15%;
		width: 70%;
	}
	.slider-overlay h3{
		text-align: center;
		color: #ffffff;
		font-size: 20px;
		font-weight: bold;
	}
	.slider-overlay p{
		font-size: 12px;
	}
	
	/****************************************
	HOME PAGE SERVICE SECTION
	****************************************/
	
	.home-service-body-list{
		
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 15px;
	
	}
	
	/****************************************
	FOOTER SECTION
	****************************************/
	
	.futer-contact,.futer-service,.futer-social{
		
		padding-left: 5%;
		padding-right: 5%;
	
	}
	
	
	/****************************************
	SERVICE PAGE - SERVICE LIST SECTION
	****************************************/
	.in-service-list-info-33{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 10px;
		height: auto;
	}
	
	.in-service-gallery-list{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		height: auto;
	
	}
}
/***************************************************************************************
RESPONSIVE CSS MIN WIDTH - 769PX AND MAX WIDTH 1024PX
***************************************************************************************/
@media (min-width: 769px) and (max-width: 1024px) {
	/****************************************
	NAVIGATION CSS
	****************************************/
	.navbar-brand img{
		width: 200px;
	}
	
	/****************************************
	CAROUSEL CSS
	****************************************/
	
	
	#carousel-example-generic .item img{
		min-height: 300px;
	}
	.slider-overlay{
		left: 15%;
		width: 70%;
	}
	.slider-overlay h3{
		text-align: center;
		color: #ffffff;
		font-size: 20px;
		font-weight: bold;
	}
	.slider-overlay p{
		font-size: 12px;
	}
	
	/****************************************
	SERVICE PAGE - SERVICE LIST SECTION
	****************************************/
	.in-service-list-info-33{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		margin-bottom: 10px;
		height: auto;
	}
	
	.in-service-gallery-list{
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
		height: auto;
	
	}
}
/***************************************************************************************
RESPONSIVE CSS MIN WIDTH - 1025PX AND MAX WIDTH 1280PX
***************************************************************************************/
@media (min-width: 1025px) and (max-width: 1280px) {

}
/***************************************************************************************
RESPONSIVE CSS MIN WIDTH - 1281PX AND MAX WIDTH 1366PX
***************************************************************************************/

@media (min-width: 1281px) and (max-width: 1366px) {

}
/***************************************************************************************
RESPONSIVE CSS MIN WIDTH - 1367PX AND MAX WIDTH 1920PX
***************************************************************************************/

@media (min-width: 1367px) and (max-width: 1920px) {

}