@media (max-width: 991px) {
    /*======================*/
        /*=Home-1=*/
    /*======================*/
    
    /*=========Menu Area=============*/
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li {
	   padding-left: 15px;
    }
    
    .navbar-nav {
	    margin: 0;
    }
    
    .header-wrapper-inner h1 {
	color: #FFFFFF;
	font-size: 40px;
	line-height: 0;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-bottom: 40px;
	font-family: 'Open Sans', sans-serif;
    }
    
    /*=========Service=============*/
    .our-service-icon i {
        font-size: 25px;
    }
    
    .our-single-services.largem {
        padding: 60px 17px;
    }
    
    
    
     /*=========Project-Item=============*/
    
    .fact_box span {
	   background: none;
    }
    
    .fact_box {
	   text-align: center;
    }
    
    .with_shadow {
	   margin-bottom: 20px;
    }
    
    /*=========Team-1=============*/
    .team-1-details {
	   margin-bottom: 30px;
    }
    
    
    
    /*=========Footter=============*/
    
    .footer-bottom .list-unstyled > li {
	   margin: 0 4px;
    }
    
    
    
    
   /*======================*/
        /*=Home-2=*/
    /*======================*/
    
    /*=========About-2=============*/
    
    .about-2 h2 {
	   text-align: center;
	   padding: 20px;
    }
    
    .about-2 .about-content-box-1 img {
	   width: 100%;
	   margin-bottom: 30px;
    }
    
    /*=========Project Item=============*/
    .fact_box {
	   margin-bottom: 30px;
    }
    
    
    /*=========Blog-2=============*/
    
    .blog-2-content {
	   margin-bottom: 30px;
    }
    
    .social-button-2 {
        margin: 115px 0 0 240px;
    }
    
    
    
    
    
    
    
    /*======================*/
        /*=Home-3=*/
    /*======================*/
    
    /*=========About-3=============*/
    .about-content-3 {
	   margin-bottom: 30px;
    }
    
    /*=========Priceing Table-3=============*/
    .price-table {
	   margin-bottom: 30px;
    }
    
    /*=========Blog-3=============*/
    .blog-3-box {
	   margin-bottom: 30px;
    }
    
    .blog__hover__info {
	   padding: 0 18px;
    }
    
    /*=========Team-3=============*/
    .center-block {
	   width: 100%;
    }
    
    .team.team-list .team-description {
	   line-height: 41px;
    }
    
}

@media only screen and (max-width: 767px){
    /*=========Menu=============*/
    .main_menu_area .navbar.navbar-default .nav.navbar-nav li {
	    padding-left: 0;
    }
    .navbar-default .navbar-brand {
	    margin-left: -15px;
    }
    
    .navbar-toggle {
	    margin: 8px -15px 0 0;
    }
    
    .main_menu_area .navbar-nav > li > a::before {
	    display: none;
    }
    
    .main_menu_area .navbar.navbar-default .navbar-collapse {
        float: left;
        width: 100%;
    }
    
    /*======================*/
        /*=Home-1=*/
    /*======================*/
     /*=========Header Area=============*/
    .header-wrapper-inner {
	    margin-top: 180px;
    }
    .header-wrapper-inner h1{
        font-size: 40px;
    }
    
     /*=========Service=============*/
    .our-single-services {
	   margin-bottom: 15px;
    }
    
    .portfolio-btn-action {
	    margin: 27% 0 0 0;
    }
	
	.testimonial-img {
		width: 12%;
		margin: 10px 0px 0 34px;
		float: left;
	}
    
    h3.counter {
	    margin: 0;
    }
    
    
    /*======================*/
        /*=Home-2=*/
    /*======================*/
    
    /*=========Header Area=============*/
    .trendy-slider .carousel-caption h1 {
        font-size: 35px;
        margin-top: 50px;
        line-height: 50px;
    }
    
    .trendy-slider .carousel-caption p {
        font-size: 18px;
    }
    
    /*=========About Area=============*/
    .about-content-box-2 .btn.btn-1.btn-1e {
	    margin: 10px 0 30px 0;
	    padding: 15px 50px;
    }
    
    /*=========blog Area=============*/
    .view-caption {
	    display: none;
    }
    .wthree-icon {
	    display: none;
    }
    
    /*=========Team Area=============*/
    .thumbnail {
	    margin-bottom: 20px;
    }
    
    /*=========Contact Area=============*/
    .section-class-item.icon-circle-border {
	    margin-bottom: 15px;
    }
    
    /*=========Footer-Bottom Area=============*/
    .copyright_text.center {
	    margin-top: 0;
	    text-align: center;
    }
    
    .footer-bottom .list-unstyled {
	    margin: 20px 0 20px 0;
	    text-align: center;
        float: none;
    }
    
    /*======================*/
        /*=Home-3=*/
    /*======================*/
    .price-heading {
	    text-align: center;
    }
    
    .price-heading h4{
	    text-align: center;
    }
    
    .team.team-list .team-description {
	    padding: 20px;
        line-height: 28px;
    }
}


   



@media only screen and (max-width: 480px){    
    /*======================*/
        /*=Home-1=*/
    /*======================*/
    
    /*=========Section Title=============*/
    
    .section-heading-2 {
        position: relative;
        z-index: 2;
        margin-bottom: 50px;
    }

    .section-heading-2 h3 {
        font-weight: 900;
        color: #666666;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 4px;
        margin-bottom: 10px;
        line-height: 30px;
    }
    /*=========Home Section=============*/
    .header-spearetor-2 {
        width: 35px;
        height: 35px;
        display: inline-block;
        line-height: 35px;
        position: relative;
    }

    .header-spearetor-2::before {
        position: absolute;
        content: "";
        top: 50%;
        left: 60%;
        width: 50px;
        height: 3px;
        background-color: #1EB1ED;
        -webkit-transform: translate(30% , -50%);
        transform: translate(30% , -50%);
    }

    .header-spearetor-2::after {
        position: absolute;
        content: "";
        top: 50%;
        left: 100%;
        width: 50px;
        height: 3px;
        background-color: #1EB1ED;
        -webkit-transform: translate(30% , -50%);
        transform: translate(30% , -50%);
    }

    .header-spearetor-2::after {
        left: inherit;
        right: 60%;
        -webkit-transform: translate(-30% , -50%);
        transform: translate(-30% , -50%);
    }

    .header-spearetor-2 i {
	   font-size: 15px;
	   color: #1EB1ED;
    }

    .header-wrapper-inner {
        margin-top: 120px;
    }
    
    .header-wrapper-inner h1 {
    	font-size: 30px;
        margin-bottom: 20px;
    }
    
    .header-wrapper-inner p {
    	font-size: 14px;
    }
    
    /*=========Project-Item=============*/
    .fact_box {
	   text-align: center;
	   margin-bottom: 30px;
    }
    
    .fact_box span {
        background: none;
        width: 43px;
        height: 67px;
        margin-top: 2px;
        position: absolute;
        top: 0;
    }
    
    
    
    /*=========Portfolio=============*/
    .portfolio-btn-action {
	  margin: 70px 0 15px 0;
    }
    
    .portfolio-desc h4 {
	   font-size: 24px;
    }
    
    
    /*=========Team=============*/
    .team-1-details {
	   margin-bottom: 15px;
    }
    
    /*=========Testimonial=============*/
    .testimonial-img {
	    width: 20%;
	    margin: 10px 0px 0 4px;
    }
    
    /*=========Contact-Info=============*/
    .section-class-item {
	   margin-bottom: 30px;
    }
    
    
    .list-unstyled{
        text-align: left;
    }
    
    
    
    .list-unstyled > li {
	   margin: 0 10px 0 0;
    }
    
    
    /*=========Footer=============*/
    
    /*======================*/
        /*=Home-2=*/
    /*======================*/
    .carousel-inner {
	    padding-top: 50px;
    }
    
    .trendy-slider .carousel-caption {
	   top: 68%;
    }
    
    .trendy-slider .carousel-caption h1 {
	   font-size: 35px;
        letter-spacing: 0;
        margin: 0;
    }
    
    .trendy-slider .carousel-caption h1 span {
	   font-weight: 300;
    }
    
    .trendy-slider .carousel-caption p {
        margin: 0;
        font-size: 15px;
    }
    

    /*=========About-2=============*/
    .about-2 h2 {
	   text-align: center;
	   padding: 0;
    }
    
    .about-content-box-3 {
        padding: 20px;
    }
    
    
    /*=========Service-2=============*/
    .services-2-content-box-2-content {
	   padding: 20px;
    }
    
    .services-2-content-box-1 ul {
	    margin: 40px 0 0 -8px;
    }
    
    .services-2-content-box-2-content {
	    padding: 40px 0 0 0;
    }
    
    
    /*=========Priceing table=============*/
    
    /*=========Project-Item=============*/
    
    /*=========Team=============*/
    .team-grids:hover .w3ls-effect .wthree-icon {
	   bottom: 34%;
    }
    
    .social-button-2 {
	   right: -24%;
    }
    
    /*=========Blog=============*/
    .view-caption .button-1 {
	   margin: -12% 0 1% 64%;
    }
    .w3ls-effect-2 h2 {
	    font-size: 25px;
    }
    
    /*=========Team=============*/
    .team-2 .list-unstyled {
	   text-align: center;
    }
    
    
    /*=========Testimonial=============*/
    .owl-item.active > div {
	   padding: 30px;
    }
    
    
    
    
    
    
    /*======================*/
        /*=Home-3=*/
    /*======================*/
    /*=========Header=============*/
    .image-background {
	   min-height: 500px;
    }
    
    .header-wrapper-inner h1 {
	   line-height: 50px;
    }
    
    .header-wrapper-inner p {
	   margin-bottom: 40px;
    }
    
    /*=========About-3=============*/
    .about-content-3 {
	   margin-bottom: 30px;
    }
    
    /*=========Priceing Table-3=============*/
    .price-table {
	   margin-bottom: 30px;
    }
    
    /*=========Blog-3=============*/
    .blog-3-box {
	   margin-bottom: 30px;
    }
    
    
    .team.team-list .team-photo {
	   float: none;
	   width: 100%;
    }
    
    .team.team-list .team-description {
	    padding: 30px 20px 0 20px;
    }
    
    
    .center-block {
	   width: 100%;
    }
    
    .social-icons .list-unstyled > li {
	   margin: 0 5px 20px 0;
    }
    
}

@media only screen and (max-width: 380px){
    
    /*=========Menu=============*/
    
    /*======================*/
        /*=Home-1=*/
    /*======================*/
    
    /*=========Header Area=============*/
    .header-wrapper-inner {
        margin-top: 100px;
    }
    .header-wrapper-inner h1 {
        line-height: 35px;
        font-size: 22px;
    }
    
    .header-wrapper-inner p {
	    font-size: 14px;
    }
    
    /*=========Portfolio Area=============*/
    .portfolio-btn-action {
	    margin: 17px 0 15px 0;
    }
    
    /*=========Team Area=============*/
    .team-1-caption .list-unstyled > li {
	    margin: 5px 10px 0 0;
    }
    
    /*=========Testimonial Area=============*/
    .testimonial-title h2 {
	    font-size: 24px;
    }
    
    .testimonial-title {
	    margin: 20px 0 0 0;
    }
    
    /*======================*/
        /*=Home-2=*/
    /*======================*/
    
    /*=========Header Area=============*/
    .trendy-slider .carousel-caption h1 {
        font-size: 23px;
        margin-top: 40px;
        line-height: 50px;
    }
    
    .trendy-slider .carousel-caption p {
        display: none;
    }
    
    /*=========Team Area=============*/
    .list-unstyled > li {
	   margin: 0;
    }
    
    
    .about-box-3 h2 {
	    line-height: 80px;
    }
}