/*Media Css Start*/


/* Large desktop */

@media (max-width:1200px) {
    .el_pricing_table.el_pricing_active {
        position: relative;
    }
    .el_client_img img{
        margin-top: 20px;
    }
    .el_home_caption .el_home_text h1{
        font-size: 60px;
        letter-spacing: 10px;
        line-height: 80px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .carousel-fade .carousel-control {
        top: 93%;
    }
    
    .el_light_data {
        width: 80%;
    }
    .el_quote_wraper h3:before {
        left: 14%;
    }
    .el_quote_wraper h3:after {
        left: 56%;
    }
    .el_footer_wraper .el_social_div ul {
        width: 50%;
    }
    .el_team_img img {
        width: 100%;
    }
    .el_detail_wraper {
        padding-bottom: 30%;
    }
}


/* Portrait tablet to landscape and desktop */
@media (max-width:991px){
    .navbar_menu ul{
		position: fixed;
	    top: 0;
	    left: -300px;
	    width: 135px;
	    z-index: 1000;
	    background:#fff;
	    overflow:auto;
        transition: all 0.5s;
	}
    .navbar_menu ul{
		text-align: left;
		padding-left:initial;
        display: block;
	}
    .menu{
        display: none;
    }
	.navbar_menu ul li{
		display: block;
	}
    .navbar_menu .current a{
        color:#000;
    }
    .navbar_menu ul li a{
        color: #000;
        padding: 10px 0 5px 30px;
    }
    .toggle{
		display: block;
        position: absolute;
        bottom: 12px;
        right: 0;
        cursor: pointer;
        font-size: 25px;
	}
    .snip1198 a:hover:before, .snip1198 .current a:before{
        display: none;
    }
    .menu_open .navbar_menu ul {
        left: 0;
        display: block;
        padding-bottom: 20px;
    }
   .el_home_caption .el_home_text h1{
       font-size: 40px;
       line-height: normal;
       letter-spacing: 5px;
   }
   .el_home_caption h6{
       font-size: 20px;
   }
   .el_quote{
       padding-top: 90px;
   }
   .el_client_img{
       padding-top: 85px;
   }
   .el_client_img img{
       margin-left: 25px;
   }
   .el_client_data h4{
       margin-top: 90px;
   }
   .pricing_last{
       margin-top: 30px;
       
   }
}

@media (max-width:768px) {
    .el_home_caption {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        padding: 150px 0 95px;
    }
    .el_home_caption .el_home_text h1 {
        font-size: 40px;
    }
    .el_home_section {
        height: auto !important;
    }
    .el_menu {
        background-color: #151515;
        position: relative;
		top:0;
    }
}

@media(max-width:767px){
    .navbar_brand h1{
        animation: none;
    }
    .el_light_icon{
        left: 40%;
    }
    .el_client_img{
        padding-top: 0;
    }
    .el_client_img img{
        margin-left: 0;
        margin-top: 0;
    }
    .el_client_data h4{
        margin-top: 0;
    }
    .el_pricing_table{
        margin-bottom: 30px;
    }
    .pricing_last{
        margin-top: 0;
    }
    .el_quote{
        padding-top: 50px;
    }
    .el_quote_wraper h3 {
        padding-top:30px;
    }
     
    .el_quote_wraper h3:before {
        left: 24%;
    }
    .el_quote_wraper h3:after {
        right: 13%;
    }
    .el_overlay{
        display: none;
    }
}
@media(max-width:575px){
    .navbar_brand a{
        font-size: 30px;
    }
    .toggle{
        right: 15px;
    }
   
    .el_service_section{
        padding-bottom: 0px;
    }
   
    .el_light_section{
        padding: 50px 0 0;
    }
    .el_quote_wraper h3:before {
        display: none;
    }
    .el_quote_wraper h3:after {
        display: none;
    }
    .el_client_section{
        padding:40px 0;
    }
    .el_counter_wraper {
        padding: 40px 0px 0;
    }
    
    .el_about_section {
        margin: 40px 0 50px;
    }
      
    .el_team_img_wraper {
        margin: 0 10px;
    }
    
    .el_pricing_table_wraper{
        padding:40px 0;
    }
    .popup_link_parent {
        padding-bottom: 10px;
    }
    .el_activity {
        padding: 30px 0 30px;
    }
    .el_quote_wraper h3{
        font-size: 17px;
        margin-top: 30px;
    }
    .el_counter{
        padding-bottom: 0;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .contact-info-box {
        margin-bottom: 20px !important;
    }
    .carousel-fade .carousel-control.right {
        left: auto;
        right: 91%;
    }
    .carousel-fade .carousel-control {
        position: absolute;
        top: 59%;
        left: 0%;
    }
    .el_quote_wraper h3:after {
        left: 59%;
    }
    .el_quote_wraper h3:before {
        left: 21%;
    }
   
    .el_team_img img {
        width: 100%;
    }
    .el_detail_wraper {
        padding-bottom: 20%;
    }
    .el_team_detail {
        padding: 80px 40px;
        font-size: 16px;
    }
    .el_social_div ul {
        width: 57%;
    }
    .el_feature_img {
        text-align: center;
    }
    .el_feature_img .img-responsive {
        display: initial;
    }
  
    #el_popup .carousel-control {
        top: 100%;
        left: 42%;
    }
    #el_popup .carousel-control.right {
        right: 42%;
    }
    .navbar-inverse .navbar-brand {
        float: left;
        width: 100% text-align: center;
    }
   
}

@media(max-width:521px){
    .em_filter ul.em_filter_title li a {
        font-size: 16px;
        padding: 10px 0 6px 0;
    }
}

/* Landscape phone to portrait tablet */

@media (min-width:479px) and (max-width:767px) {
    .carousel-fade .carousel-control {
        top: 99%;
        left: 45%;
        width: 8%;
    }
    .carousel-fade .carousel-control.right {
        right: 37%;
    }
    .el_activity_content {
        text-align: left;
        padding-top: 50px;
    }
      
    .el_light_img {
        width: 100%;
        text-align: center;
    }
    .el_light_data {
        
        text-align: center;
    }
    .el_team_img img {
        width: 100%;
    }
    .el_detail_wraper {
        border: 12px solid black;
        background-color: #fff;
        padding-bottom: 43%;
    }
    .el_pricing_table.el_pricing_active {
        position: relative;
    }
    .em_filter .img-responsive {
        display: initial;
    }
    .el_feature_img img {
        width: 100%;
    }
    .el_activity_img {
        text-align: center;
    }
    .el_activity_img .img-responsive {
        display: initial;
    }
   
    .el_light_text {
        margin-bottom: 0%;
    }
    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus {
        color: black !important;
        background-color: #ffffff !important;
    }
    .count {
        padding: 0px;
    }
    .el_footer_wraper .el_social_div ul {
        width: 60%;
    }
    #el_popup .carousel-control {
        top: 100%;
        left: 42%;
    }
    #el_popup .carousel-control.right {
        right: 42%;
    }
    .navbar-nav>li:hover {
        border-top: 0px;
    }
    li.current {
        border-top: 0px;
        border-color: none;
    }
}

@media (min-width:565px) and (max-width:716px) {
    .el_detail_wraper {
        padding-bottom: 30%;
    }
    .el_team_detail {
        padding: 47px 40px;
    }
    .bread_crumb_banner_main h2 {
        font-size: 24px;
    }
    .contact-info-box {
        margin-bottom: 20px !important;
    }
}

@media (min-width:479px) and (max-width:564px) {
    .el_detail_wraper {
        padding-bottom: 42%;
    }
    .el_team_detail {
        padding: 20%;
    }
    .el_social_div ul {
        width: 37%;
    }
    .bread_crumb_banner_main h2 {
        font-size: 18px;
    }
    .contact-info-box {
        margin-bottom: 20px !important;
    }
}


/* Landscape phones and down */

@media (max-width:480px) {
    .contact-info-box {
        margin-bottom: 20px !important;
    }
    .bread_crumb_banner_main h2 {
        font-size: 18px;
    }
   
    .el_counter_wraper {
        padding: 60px 0px 70px;
    }
    .el_counter_div {
        padding: 20px 0px;
    }
    .el_detail_wraper {
        padding-bottom: 20%;
    }
    .el_activity_content h3 {
        padding-top: 30px;
    }
   
    .el_team_detail {
        padding: 23%;
    }
    .el_social_div ul {
        width: 64%;
    }
    .el_footer_wraper .el_social_div ul {
        width: 100%;
    }
    .carousel-fade .carousel-control {
        top: 98%;
        width: 8%;
    }
    .carousel-fade .carousel-control.right {
        left: auto;
        right: 40%;
    }
    .el_feature_icon {
        
        text-align: center;
    }
    .el_quote{
        height: 340px;
    }
    .el_feature_data {
        width: 100%;
        text-align: center;
    }
    .el_light_img {
        text-align: center;
        width: 100%;
    }
    .el_light_icon {
        left: 36%;
    }
    .el_light_data {
        width: 100%;
        text-align: center;
    }
    .el_quote_wraper h3 {
        padding: 0px 5px;
    }
    .el_quote_wraper h3:before {
        left: 0%;
    }
    .el_team_detail {
        padding: 20%;
    }
    .el_detail_wraper {
        padding-bottom: 38%;
    }
    .el_social_div ul {
        width: 46%;
    }
    .el_pricing_table.el_pricing_active {
        position: relative;
    }
    .el_footer_wraper .el_social_div ul {
        width: 84%;
    }
    .el_caption {
        line-height: 2;
    }
    .el_light_section {
        padding: 40px 0px;
    }
    .el_client_text {
        padding: 10px 16px;
    }
    .em_filter {
        padding: 0px;
    }
    .count {
        font-size: 60px;
        padding: 0px;
    }
    .Flexible-container {
        position: relative;
    }
    .el_pricing_table.el_pricing_active {
        position: relative;
    }
    .navbar-inverse .navbar-nav>li>a:hover,
    .navbar-inverse .navbar-nav>li>a:focus {
        color: black !important;
        background-color: #ffffff !important;
    }
    .navbar-nav>li:hover {
        border-top: 0px;
    }
    li.current {
        border-top: 0px;
        border-color: none;
    }
}
@media(max-width:320px){
    .el_light_icon {
        left: 32%;
    }
    .el_quote {
        height: 370px;
    }
    .el_client_img img {
        margin-left: 33px;
        margin-top: 130px;
    }
    .el_client_data h4 {
        margin-top: 120px;
        margin-left: 8px;
        font-size: 18px;
        font-weight: 600;
    }
    .el_partner {
        padding: 52px 0px 52px 40px;
    }
}