/*===============================================
            Smart phone and tablets
===============================================*/

@media(max-width:767px)
{

    /*-- home --*/
	.logo {
		margin-top: 10px;
	}
	
	.cityspace {
		padding-top: 5px;	
	}
	
    .navbar-default {
        /*padding-top: 10px;*/
    }
	.navbar-brand {
		float: left;
		height: 80px;
		padding: 15px 15px;
		font-size: 18px;
		line-height: 20px;
	}
    .nav_scroll {
        padding-top: 0;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-brand,
    .nav_scroll .navbar-brand {
        padding: 15px 15px;
    }

    .navbar-default .navbar-toggle {
        padding: 0;
        margin-top: 18px;
        border: none;
    }

    .navbar-default .navbar-collapse, 
    .navbar-default .navbar-form {
        border: none;
        background-color: #000;
    }

    .nav_scroll .navbar-collapse, 
    .nav_scroll .navbar-form {
        background-color: #fff;
    }

    .home nav.navbar ul.nav > li {
        padding: 10px;
        text-align: center;
        border-top: 1px solid rgba(153, 153, 153, 0.3);
    }

    .navbar-default .navbar-nav a:after {
        display: none;
    }


    /*-- about --*/
    .about .my__img {
        padding-right: 20px;
        margin-bottom: 30px
    }

    .about .padding-left-25 {
        padding-left: 15px;
    }

    /*-- services --*/
    .services .item {
        margin-bottom: 30px;
    }

    /*-- contact --*/
    .contact .info {
        margin-top: 50px;
    }

    .contact .content div {
        text-align: center;
    }

    input.form-control {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .contact .padding-left-25 {
        padding-left: 15px;
    }

	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 24px;
	}

	h4 {
	  font-size: 20px; 
	}

	.padding-top-110 {
		padding-top: 80px;
	}

	.padding-bottom-90 {
		padding-bottom: 80px;
	}
	.homelogo {
		display:block;
		max-width: 475px;
	}
	
	.bullitlist {
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px 15px;

	}
	
	.xtra20toppadding {
		padding-top: 20px;
	}
}

@media only screen and (max-width:500px)
{
	.homelogo {
		max-width: 350px;
	}
	
	.logo {
		max-width: 188px;
	}
	
    .sec_title h2 {
        font-size: 32px;
    }

    .portfolio .sec_title span {
        line-height: 37px;
    }

	.width700 {
		margin-top: 25px;
		width: 100%;
	}	
	
	h3 {
    	font-size: 24px;
	}


}


/*===============================================
            Small screen
===============================================*/

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

    /*-- about --*/
    .about .my__img {
        margin-bottom: 30px
    }

    .about .padding-left-35 {
        padding-left: 15px;
    }

    /*-- services --*/
    .services .item:first-of-type,
    .services .item:nth-of-type(2) {
        margin-bottom: 30px;
    }

    .contact .padding-left-25 {
        padding-left: 15px;
    }
	
	.navbar-nav > li {
    	padding: 30px 8px;
    	-webkit-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;
	}
	
	.navbar-default .navbar-nav > li > a {
    font-size: 11px;
	margin-left: -10px
	}	

	.navbar-right {
		margin-right: -30px;}	
	.content-3-11 .image-container .background-image-holder {
		background: url('../images/thumb-ws-gentle-jungle2.jpg') no-repeat center center;
	}
	
	.bullitlist {
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 0px 15px;

	}
	
	.xtra20toppadding {
		padding-top: 20px;
	}	
}

@media(min-width:888px) and (max-width:991px)
{
	.container {
		width: 850px;}

}
/*===============================================
            Medium screen
===============================================*/

@media(min-width:992px) and (max-width:1199px)
{
.navbar-right {
    margin-right: -20px;
	margin-left: -10px;}

}


/*===============================================
            Large screen
===============================================*/

@media(min-width:1200px)
{

    .about h3 {
        margin-top: 10px;
    }


}