@media only screen and (max-width: 767px){

.internal-banner{
    
   height: 199px;
}

.header-title {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    position: relative;
    /* margin-left: 38%; */
    font-size: 39px;
    top: -60px;
}
.internal-banner .internal-banner-content {
    position: relative;
    padding: 5px 0px -19px 0px;
    text-align: center;
    height: 97px;
    text-align: center;
}
/*===============================================

                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;

}



.top-header-logo img {

    padding: 10px 0px;

  

}

.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;*/
    text-align: center;

  

}

.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: 1px;
    margin-top: -55px;

}
.internal-banner-content .int-banner-title {
    padding-bottom: 0px;
    color: #fff;
    font-size: 23px;
    position: relative;
    top: -58px;
}
.default-section {
    position: relative;
   
}
.internal-banner-content .banner-breadcrumb {
    padding: 0px 0px;
    color: #fff;
    font-weight: 700;
    position: relative;
   top: -282px;
 
}
.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: 216px;
    left: 87px;

}

.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: 26px;

    line-height: 35px;

}

.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 15px;

    margin: 0 5px 30px 5px;

}

.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;

}



}







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



.designer-section-content {

  /*  padding: 35px 50px 20px 50px;*/

    overflow: hidden;

}

.banner-section {

    margin-top: 122px;

    position: relative;

}

.top-header-logo img {

    width: 100%;

	height: auto;

}

.l-dis{

	padding:0px 0px;

}



}











@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: 1px 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 only screen and (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%;

	}

.internal-banner {
    position: relative;
    padding: 0px 0px;
    background-image: url(../images/bg001.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 149px;
    height: 118px;
}	

.header-title{
	background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
   
    color: #f1f1f1;
	width: 36rem;
    position: relative;
    margin-left: -308%;
    font-size: 22px;
    top: -126px;
	}	
.default-section h4 {
    font-size: 19px;
    line-height: 30px;
	margin-top:-17px;
}

}
@media screen and (max-width: 992px) {
 .img-responsive {
    width: 301px;
  }
}