@media only screen and (min-width: 320px) and (max-width: 768px){

/*===============================================
                topbar-section
=================================================*/
.section-one {
position: relative;
    /*background:url(../images/banner/slide-header.jpg);*/
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: fixed;
    top: 0;
}
 .luxury-section-columns {
    padding: 8px 0px;
    text-align: center;
}
.top-header-logo img {
    padding: 10px 0px;
  
}
.offer-section-text p {
    margin: 0px;
    text-align: justify;
}
.luxury-section-heading h3 {
    padding: 0px 0px;
    color: #323232;
    font-weight: normal;
    font-size: 19px;
}
.top-header-logo img {
    padding: 0px 0px;
    margin: 0 auto;
}
.top-header-inner {
    padding: 0px 0px;
    margin-top: 0px;
}

.top-header-text {
    padding: 8px 0px;
    overflow: hidden;
    text-align: left;
  
}
.top-header-text ul li {
    padding: 3px 5px;
	border-right:none;
	font-size: 13px;
 
}
.top-header-text ul li a {
	font-size: 13px;
 
}
.top-header-text2 {
    padding: 7px 0px;
    text-align: center;
}

/*===============================================
                menu-section
=================================================*/
.menu-title {
    padding: 10px;
	
}
.menu-title .hamburger{
	display:block;
	
}
.menu-title .hamburger i {
    font-size: 24px;
}

.menu-title ul{ 
    display:none;
	text-align:left;
}

.menu-title ul li {
    display: block;
    padding: 10px 10px;
	border-right:none;
	position:relative;
}

.menu-title ul ul{
	top:268px;
	left:150px;
}
.row-2 {
    float: none;
	
}

/*===============================================
                testimonial-section
=================================================*/

.testimonial-heading h3 {
    padding: 0px 0px;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

/*===============================================
                footer-section
=================================================*/
.footer-section-info {
    padding: 9px 0px;
}

/*===============================================
                copyright-section
=================================================*/
.copyright-text {
    padding: 0px 0px 0px 0px;
    text-align: center;
}
.copyright-right-text {
    padding: 0px 0px;
    float: none;
    text-align: center;
}

/*===============================================
                internal-pages-strip-section
=================================================*/
.about-title h3 {
    text-align: center;	
}

.about-section-title h3 {
    font-size: 21px;
}

/*===============================================
                contact-section
=================================================*/
.address-title p {
    padding: 10px 0px;
    text-align: center;
}

#back-to-top {
    right: 15px;
}


.luxury-section {
    padding: 10px 0px;
}
.luxury-section-title {
    padding: 0px 0px;
}

.luxury-section-title h1 {
    font-size: 21px;
   margin-top: 95px;
    line-height: 21px;
}
.luxury-section-content {
    padding: 10px 0px;
}

.offer-section-title {
    padding: 20px 0px 20px 0px;
}
.offer-section-title h1 {
    font-size: 24px;
}

.offer-section-text {
    padding: 0px 0px 20px 0px;
}
.portfolio-section-title h2 {
    margin-top: 30px;
}
.work-section .nav li, .mixed-grid .nav li {
   padding: 7px 7px;
    margin: 0 5px 0px -2px;
}
.page-section {
    padding: 30px 0;
}
.designer-section-title {
    padding: 20px 0px 0px 0px;
}
.testimonial-section {
    padding: 20px 0px;
}
.item .auther-expl {
    padding-top: 10px;
}
.contact-sec .contact-contant {
    padding: 20px 0px;
}
.footer-section-contact-info p {
    padding: 0px 0px;
    color: #fff;
    text-transform: none;
    font-size: 12px;
    line-height: 23px;
    text-align-last: left;
}
.footer-section-contact-info p i {
    padding: 0px 4px;
    color: #fff;
}
}



@media only screen and (min-width: 320px) and (max-width: 500px){
     .luxury-section-columns {
    padding: 8px 0px;
    text-align: center;
}

.designer-section-content {
    padding: 35px 50px 20px 50px;
    overflow: hidden;
}
.banner-section {
    margin-top: 110px;
    position: relative;
}
.top-header-logo img {
    width: 100%;
	height: 50px;
}
.l-dis{
	padding:0px 0px;
}

}


@media only screen and (min-width: 500px) and (max-width: 768px){
   

.banner-section {
    margin-top: 110px;
    position: relative;
}

}



@media only screen and (min-width: 768px) and (max-width: 991px){
	
/*===============================================
                topbar-section
=================================================*/
.top-header-logo img {
    padding: 0px 0px;
    margin: 0 auto;
}

.top-header-text {
    padding: 8px 0px;
    overflow: hidden;
    text-align: center;
  
}
.top-header-text ul li {
    padding: 3px 10px;
	border-right:none;
 
}
.top-header-text2 {
    padding: 7px 0px;
    text-align: center;
}
/*===============================================
                welcome-section
=================================================*/
.welcome-section-title h1 {
    padding: 0px 0px;
    color: #000;
    text-transform: capitalize;
    font-size: 20px;
}

.icons {
    padding: 25px 0px;
    text-align: center;
}
.icons-title {
    padding: 0px 0px;
    text-align: center;
}
.icons-content {
    padding: 0px 0px;
    text-align: center;
}



/*===============================================
                footer-section
=================================================*/
.footer-section-info {
    padding: 9px 0px;
}
	
}

/******************************************************************************
  Max Width "480px"
*******************************************************************************/
@media (max-width: 480px) { 
     .luxury-section-columns {
    padding: 8px 0px;
    text-align: center;
}
	.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%;
	}
	
	
}