.popup .close {
    position: inherit !important;
    top: 35px;
    left: 25px;
    background: #00495d;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    padding: 0px 5px;
}

.popup {
    margin: 30px auto;
    padding: 15px;
    border-radius: 5px;
    /* width: 49%; */
    /* position: absolute; */
    /* left: 35%; */
    /* transition: all 5s ease-in-out; */
    width: 500px !important;
}

.popup {
    margin: 30px auto;
    padding: 15px;
    border-radius: 5px;
    width: 500px!important;
    position: initial !important;
    left: auto;
     transition: all 5s ease-in-out; 
} 
.div1 {
    width: auto;
    padding: 20px;
    /* float: left; */
    height: auto;
    background: #fff;
    border-radius: 25px;
}

#quickenquire input[type=submit] {
    width: 100%;
    background-color: #ff9a10;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
    padding: 7px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/*Tablet Layout*/
@media only screen and (max-width:991px) {
    
    .popup {
    margin: 30px auto;
    padding: 15px;
    border-radius: 5px;
    width: 390px!important;
    position: initial !important;
    left: auto;
    transition: all 5s ease-in-out;
}
    
    .logo img {
    padding: 0px 0;
}

	.slicknav_menu{
		display: block;
	}
	.top-header {
		background: #e33409;
	}
	.top-header-left p, 
	.top-header-right a{
		color: #fff;
	}
	.logo{
		text-align: center;
	}
	.nav-wrapper{
		display: none;
	}
	.slider-table{
		height: 500px;
	}
	.text-animated h1{
		font-size: 38px;
	}
	.text-animated li a{
		padding: 9px 30px;
	}
	.featured-detail-photo{
		height: 410px;
	}
	.clear-three:nth-child(3n+1){
		clear: none;
	}
	.clear-three:nth-child(2n+1){
		clear: both;
	}
	.count-four:nth-child(2n+1){
		clear: both;
	}
	.table-responsive{
		border: 0;
	}
}

@media only screen and (min-width: 768px) and (max-width:991px) {
	.featured-photo {
		display: block;
		width: 100%;
	}
	.featured-text {
		display: block;
		width: 100%;
	}
	.clear-four:nth-child(4n+1){
		clear: none;
	}
	.clear-four:nth-child(3n+1){
		clear: both;
	}
}


/*mobail small layout*/

@media only screen and (max-width:767px) {
	.slider-table{
		height: 450px;
	}
	.text-animated h1{
		font-size: 34px;
	}
	.text-animated li a{
		padding: 9px 30px;
	}
	.featured-detail-photo{
		height: 380px;
	}
	.clear-four:nth-child(4n+1){
		clear: none;
	}
	.clear-four:nth-child(2n+1){
		clear: both;
	}
	.table-responsive{
		margin-bottom: 0;
		padding: 15px 0;
	}
    .package-tab-menu ul li{
        text-align: center;
    }
    .package-tab-menu {
        border-bottom: 1px solid #ddd;
    }
    .package-tab .lg_pl_0{
        padding-left: 15px;
    }
    .banner-slider.high-banner{
        height: 350px;
    }
}

@media only screen and (max-width:599px) {
	.blog-area .col-xs-6{
		width: 100%;
	}
	.newsletter-submit {
		width: 100%;
	}
    .package-tab-det-menu ul li{
        text-align: center;
        display: block;
        margin-left: 0px;
        margin: 7px 0;
    }
    .banner-slider.high-banner{
        height: 320px;
    }
}

@media only screen and (max-width:575px) {
    
    
    
    
    
    .top-header-left {
    display: none;
}

    
    .banner-slider {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    height: 120px;
    position: relative;
}

.banner-text h1 {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
}

    
	.top-header{
		padding: 7px 0;
	}
	.top-header .col-xs-8,
	.top-header .col-xs-4{
		text-align: center;
		width: 100%;
		line-height: 30px;
	}
	.top-header-right{
		float: none;
	}
	.slider-table{
		height: 400px;
	}
	.text-animated h1{
		font-size: 30px;
	}
	.text-animated li a{
		padding: 9px 30px;
	}
	.service-area .col-xs-6{
		width: 100%;
	}
	.counter-item{
		text-align: center;
	}
	.counter-icon{
		display: block;
		float: none;
		margin: 0 auto;
	}
	.counter-text{
		display: block;
		margin-top: 10px;
	}
	.portpage-menu li{
		display: block;
	}
	.featured-detail-photo{
		height: 290px;
	}
	.comment-list .thumb{
		display: block;
	}
	.comment-list .com-text{
		display: block;
		padding: 0;
		margin-top: 15px;
	}
	.comment-list .com-text h5{
		margin-bottom: 2px;
	}
	.comment-list ul ul.children{
		margin-left: 30px;
	}
	.testimonial-pra{
		width: 100%;
	}
}

@media only screen and (max-width:500px){
	.featured-photo {
		display: block;
		width: 100%;
	}
	.featured-text {
		display: block;
		width: 100%;
	}
}

@media only screen and (max-width:460px) {
	.portfolio-page .col-xs-6{
		width: 100%;
	}
	.team-area .col-xs-6{
		width: 100%;
	}
}

@media only screen and (max-width:359px) {
	.slider-table{
		height: 380px;
	}
	.text-animated h1{
		font-size: 28px;
	}
	.text-animated li a{
		padding: 7px 24px;
	}
	.featured-detail-photo{
		height: 210px;
	}
}


@media only screen and (min-width:600px) {
	.newsletter-message {
	    width: 56%;
	    margin: 0 auto;
	}
}