/*
Author: XpeedStudio
Author URI: http://www.Xpeedstudio.com
*/

/* Portrait tablets and medium desktops */
@media (max-width: 1199px) {
    .btn-larg{
        width:150px;
    }


}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
    html {
        font-size: 90%;
    }
    .list-inline>li {
        display: inline-block;
        padding-right: 3px;
        padding-left: 3px;
    }
    .main_service_area .single_service .service_btn {
        left: 15%;
    }

}
/* Landscape phones and portrait tablets */
@media  (max-width: 768px) {
    html {
        font-size: 90%;
    }
    .cd-header a.brand-logo img {
          width: 16%;
    }
    #main-nav li a{
        padding: 2% 10%;
    }
    .single_abt{
        margin-bottom: 40px;
    /*     text-align: center; */
    }
    .main_team_area .single_team{
        text-align: center;
    }
    .main_portfolio_content .single_portfolio.single_portfolio_1st{
        margin-bottom:30px;
    }
    .main_service_area .single_service .service_btn {
        left: 35%;
    }
    .single_map_bottom {
        text-align: center;
    }
    .main_footer .footer_logo{
        width: 50%;
        margin:40px auto;
        text-align: center;
    }
    .main_footer .footer_socail{
        text-align: center;
    }
}


/* Landscape phones and smaller */
@media (max-width: 479px) {
    html {
        font-size: 85%;
    }
	.main_home h1 {
           font-size: 3em;
    }
.home{height:70vh;}
.main_home {
   padding: 200px 0px 0 0px;
    position: relative;
}
.cd-header a.brand-logo img {
    width: 20%;
}
.col-sm-4 {
   width:100%;
   margin-top: 1em;
}
.col-sm-5 {
    width: 100%;
	margin-top: 1em;
}
.col-sm-6 {
      width: 100%;
    margin-top: 1em;
    margin: 0 auto;
}
.col-sm-12 {
    width: 100%;
	margin-top: 1em;
}
.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.maint_portfolio_area .col-sm-3{}
}




@media (max-width: 320px) {

    html {
        font-size: 70.5%;
    }
.service_more_btn h1{font-size:3em;}
.head_title h1 {font-size:3em;}
.main_service_area .head_title h2{font-size:3em;}
.carousel{margin-top: 0em;}
}
@media (max-width: 375px) {
.single_abt{width:100%;}
.main_home h1 {
      font-size: 3em;
    }
.home{height:70vh;}
.col-sm-4 {
   width:100%;
   margin-top: 1em;
}
.col-sm-5 {
    width: 100%;
	margin-top: 1em;
}
.col-sm-6 {
      width: 100%;
    margin-top: 1em;
    margin: 0 auto;
}
.col-sm-12 {
    width: 100%;
	margin-top: 1em;
}
.head_title h1{font-size: 4em;}
.main_home{padding: 158px 0px 20px;}
.cd-header a.brand-logo img {
      width: 24%;
}
.main_service_area .head_title h2{ font-size: 4em;}
}


/**
   MEDIA QUERIES
 */
 
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) { 
    
   
 }
 
 /* Small devices (tablets, up to 768px) */
 @media (max-width: 768px) { 
     

    
 }
 
 @media (max-width: 768px){ 
 .maint_portfolio_area .col-sm-3{}
 }
 
 @media screen and (min-width: 320px) and  (max-width: 330px){
.maint_portfolio_area .col-sm-3{}
	.main_home{
   padding: 100px 0px 0 0px;
    position: relative;
} 
.main_home h1 {
    font-size: 2em;
}
.main_service_area .head_title h2 {
    font-size: 3em;
}
.head_title h1 {
    font-size: 3em;
}
 }
 
 @media screen and (min-width: 361px) and  (max-width: 420px){
	 .maint_portfolio_area .col-sm-3{}
 }

 @media screen and (min-width: 421px) and  (max-width: 600px){
	 .maint_portfolio_area .col-sm-3{width:100%}
 }
 
 @media screen and  (max-width: 768px) and (min-width: 601px){
	 .maint_portfolio_area .col-sm-3{}
 }
 
 @media screen and (min-width: 769px) and  (max-width: 900px){
	 .maint_portfolio_area .col-sm-3{}\
	 .home{ height: auto;}
 }
 
 @media screen and (min-width: 901px) and  (max-width: 1024px){
	 .maint_portfolio_area .col-sm-3{}
	 .main_home {
    padding: 249px 20px 170px 20px;
    position: relative;
}
.home{ height: auto;}
 }
 
 
 @media screen and (min-width: 1025px) and  (max-width: 1160px){
	 .maint_portfolio_area .col-sm-3{}

}


@media screen and (min-width: 1161px) and  (max-width: 1280px){
.maint_portfolio_area .col-sm-3{}

}

@media screen and (min-width: 1281px) and  (max-width: 1400px){
.maint_portfolio_area .col-sm-3{}
.home{ /* height: 100vh; */}
}

@media screen and (min-width: 1401px) and  (max-width: 1600px){
.maint_portfolio_area .col-sm-3{}
}