@media (min-width: 1920px) {





}
@media only screen and (min-width:1024px ) and (max-width:  1200px) {
.main-menu ul.navbar-nav > li > a{
    font-size: 12px;
    margin: 0px 7px;
}

}


/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1169px) {

.header-middle-area .header-info {

    width: 37.33%;

}

.header-middle-area .header-info-text span {

    font-size: 13px;

}

.header-middle-area .header-icon {

    margin-right: 7px;

    margin-left: 5px;

}

.header-middle-link .header-info:last-child{

    width: 25%;

}     

.banner-content h4 {

    font-size: 20px;

    max-width: 490px;

}    

.banner-contact span {

    font-size: 16px;

}    

    

    

    

    

    

    

    

    

	     

    

    

    

    

}









/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {

.logo a {

    padding: 22px 0;

}

.welcome-area {

    position: relative;

    margin-top: 0px;

    z-index: 9;

}        

.header-middle-area .header-info {

    width: 36%;

    padding: 28px 0px;

}

.header-middle-area .header-info-text span {

    font-size: 13px;

}

.header-middle-area .header-icon {

    margin-right: 7px;

    margin-left: 5px;

}

.header-middle-link .header-info:first-child{

    width: 27%;

}

.quote-btn {

    padding: 10px 12px;

}

.slider-content {

    margin-top: -110px;

}   

.layer-1 h1 {

    font-size: 26px;

    line-height: 32px;

}

.layer-2 p {

    font-size: 17px;

    line-height: 24px;

}

.ready-btn {

    margin-top: 5px;

}   

.about-content h4 {

    font-size: 20px;

}    

.single-about h5 {

    font-size: 12px;

}    

.single-service {

    padding: 10px 8px;

}

.service-content h4 {

    font-size: 15px;

}

.fun_text > h5 {

    font-size: 14px;

}

.banner-contact {

    float: left;

}

.well-services {

    padding: 20px 8px;

}  

.topbar-area.topbar-2 .topbar-left ul li a,

.topbar-area.topbar-3 .topbar-left ul li a{

    margin-right: 6px;

}    

.header-area-2 .main-menu ul.navbar-nav > li > a{

    padding: 22px 0px;

	margin:0px 5px;

} 

.intro-area-2 .slider-content {

    margin-top: -60px;

}

.header-area-2 .header-right-link a.main-search {

    padding: 16px 0px;

}

.header-area-2 .main-menu ul.nav li ul.sub-menu,

.header-area-3 .main-menu ul.nav li ul.sub-menu {

    left: -30px;

}

.header-area-3 .main-menu ul.navbar-nav > li > a {

    padding: 25px 0px;

    margin: 0px 5px;
    font-size: 8px!important;

    font-weight: 600 !important;


}

.header-area-3 .header-right-link a.main-search {

    padding: 19px 15px;

}

.header-area-3 .logo a {

    padding: 13px 0;

}

.header-area-3.stick .header-right-link a.main-search {

    padding: 18px 15px;

}

.header-area-3.stick .main-menu ul.navbar-nav > li > a {

    padding: 24px 0px;

	margin:0px 5px;

}

.header-area.header-area-2.stick .logo a {

    padding: 10px 0;

}

.header-area-3.stick .logo a {

    padding: 13px 0;

}

.feature-text h4 {

    font-size: 16px;

}    

.feature-text p {

    font-size: 14px;

}    

.single-member {

    padding: 10px;

}    

.table-list {

    margin-bottom: 30px;

}    

.left-menu ul li a {

    font-size: 13px;

}    

.down-btn {

    font-size: 12px;

}    

.support-text h4 {

    margin-bottom: 15px;

    font-size: 20px;

}    

.support-text a {

    font-size: 16px;

}    

.support-text p {

    font-size: 15px;

    line-height: 24px;

}

.mar-row {

    margin-top: 30px;

    }

.mar-row .single-well {

    margin-top: 15px;

    margin-bottom: 15px;

}   

.project-dec h4 {

    font-size: 15px;

}    

.project-dec span{

   font-size: 13px; 

}

.project-column-4 .project-single{

  width: 33.34%;

}    

.project-details h3 {

    font-size: 18px;

    line-height: 22px;

    margin-bottom: 10px;

}

.project-details p,

.project-details .marker-list li{

    font-size: 14px;

}

.contact-head h3 {

    font-size: 24px;

} 

.contact-page .single-contact a i{

    margin-right: 5px;

}

.contact-page .contact-icon {

    padding: 15px 5px;

}

.single-contact span {

    color: #fff;

    font-size: 12px;

}

    

    

    

    

    

    

}



/* small mobile :320px. */

@media (max-width: 767px) {

/*.container {width:300px}*/

.logo {

    height: inherit;

    left: 0;

    padding: 0;

    position: absolute;

   top: 1px;

    z-index: 999999;

    max-width: 77px;

}

.logo a {

    padding: 0px;

}

.pagess::after {

    display: none;

}

.slider-content,

.intro-area-2 .slider-content{

    margin-top: -90px;

}

.layer-1 {

    margin: 5px 0;

}

.layer-1 h1 {

    font-size: 17px;

    line-height: 20px;

    margin-bottom: 10px;

} 

.layer-2 p {

    font-size: 13px;

    letter-spacing: 0px;

    line-height: 20px;

}

 .ready-btn.right-btn {

    margin-left: 5px;

}   

.ready-btn {

    margin-top: 0px;

    padding: 8px 20px 8px 5px;

    width: 128px;

}    

.intro-area {

    width: 100%;

    height: auto;

    min-height: 220px;

}

.intro-content,

.slider-images img{

    width: 100%;

    height: 100%;

    min-height: 220px;

}

.well-services{

   margin: 10px 0px;

}

.section-headline h3 {

    font-size: 24px;

}

.about-image{

    margin-bottom: 30px;

}

.about-content h4 {

    font-size: 20px;

}

.single-about {

    width: 100%;

    float: none;

    margin-right: 0%;

    margin-top: 20px;

}   

.fun_text {

    float: none;

    width: 100%;

    margin-bottom: 30px;

}    

.fun_text span {

    font-size: 28px;

}    

.project-single {

    width: 100% !important;

    float: none;

}    

.service-content h4 {

    font-size: 16px;

}    

.project-menu li {

    display: block;

}    

.footer-content {

    margin-bottom: 40px;

}

.sub-head h4 {

    font-size: 23px;

}

.banner-content h4 {

    font-size: 20px;

}

.banner-contact span {

    font-size: 16px;

    margin-right: 10px;

}

.banner-contact span i {

    margin-right: 6px;

}

.banner-btn {

    float: left;

    margin-top: 20px;

}

.copyright{

    text-align: center;

    margin-bottom:20px;

}

.header-style-2 {

    position: static;

}

.breadcrumb .section-headline h3 {

    font-size: 22px;

}

.single-feature,

.single-member,

.table-list{

    margin: 15px 0px;

}

.feature-text h4 {

    font-size: 17px;

}

.video-inner {

    margin-bottom: 30px;

}    

.team-page-area .single-member {

    margin-top:15px;

}  

.error-bot {

    font-size: 16px;

}

.error-easy-text {

    font-size: 20px;

}

.high-text {

    font-size: 110px;

    line-height: 110px;

}

.single-well h3 {

    font-size: 22px;

}

.single-well h4{

    font-size: 18px;

    margin-top: 15px;

}

.marker-list li {

    font-size: 14px;

}

.project-details h3 {

    font-size: 20px;

    line-height: 24px;

    margin-top: 20px;

}

.project-social li {

    margin: 5px;

}

.project-history {

    padding: 30px 10px;

}

.project-history h3 {

    margin-bottom: 10px;

    font-size: 20px;

}

.project-name ul li {

    font-size: 15px;

} 

.project-image img{

    margin: 10px 0px;

}   

.project-related .project-single{

    margin:15px 0px;

}

.left-head-blog{

    margin-top: 30px;

}

.contact-icon {

    background: #333;

    padding: 20px 5px;

    margin: 10px 0px;

}

.contact-head h3 {

    font-size: 24px;

}

.contact-head p {

    font-size: 15px;

}

.welcome-area {

    position: relative;

    margin-top: 0px;

    z-index: 9;

}

.order-form .form-control.width-50 {

    width: 100%;

}	

.order-form .form-control.width-50.last-name {

    margin-left: 0px;

}	

select#sel {

    margin-bottom: 15px;

}	

	

	

	

	

	

	

    

}



/* Large Mobile :480px. */

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

.container {width:450px}

.fun_text {

    float: left;

    width: 50%;

    margin-bottom: 30px;

}

.fun_text span {

    font-size: 28px;

}

.project-menu li {

    display: inline-block;

}    

    

    

}