@media only screen and (min-width: 320px) and (max-width: 768px){
/*===============================================
                 header-section
=================================================*/
.top-bar {
    padding: 0px 0px;
}
.logo-section img {
    margin-top: 10px;
}
.top-contact-detail {
    margin-top:10px;
	
}
.top-contact-detail ul {
    text-align: center;
	float:none;
}
/*===============================================
                menus-section
=================================================*/	
.menu-bar {
    padding: 0px 0px 10px 0px;
}
.menu-section{
    
	text-align:left;
}
.menu-section .hamberger{
	display:block;
	background-color: #ff9a00;
	padding:10px 10px;
	
}

.menu-section ul{ 
    display:none;
	text-align:left;
	float:none;
	padding:0px;
	
	
}
.menu-section ul li{
    display:block;
	 padding:10px 10px;
	 margin-left:0px;

}

.menu-section ul li a{
    color:#fff;

}

.menu-section ul li a:hover{
    color:#fff;

}
.menu-section ul li a.active{
	color:#333;
}

.menu-section ul ul{
	top:auto;
	left:100px;
}


/*===============================================
                stunning-section
=================================================*/	
.stunning-image img {
	padding:0px;
	display: block !important;
margin: 0 auto !important;
	
}

.stunning-text h2 {
    padding: 0px 0px;
    font-size:21px !important;
    text-align: center;
	display: block !important;
    
}




/*===============================================
                 copyright-section
=================================================*/
.copyright-section p {
    text-align: center;
}
}



@media only screen and (min-width: 768px) and (max-width: 991px){
	
/*===============================================
                 header-section
=================================================*/
.logo-section img{
	padding:0px 0px;
	margin:0 auto;
}
.top-contact-detail {
    padding: 15px 0px;
}
.top-contact-detail ul {
    text-align: center;
	float:none;
}
	
}











/******************************************************************************
  Max Width "480px"
*******************************************************************************/
@media (max-width: 480px) { 
	.grid-col-2 .grid-item ,
	.grid-col-2 .grid-sizer{
		width:100%;
	}
	.grid-col-3 .grid-item,
	.grid-col-3 .grid-sizer {
		width:100%;
	}
	.grid-col-4 .grid-item,
	.grid-col-4 .grid-sizer {
		width:100%;
	}
	.grid-col-5 .grid-item,
	.grid-col-5 .grid-sizer {
		width:100%;
	}
	
	
}