/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {
	.smallNav li a {
	    margin: 0px 25px;
	}
	.testSet {
		margin-bottom: 50px;
	}
	.single {
	    padding: 60px 30px 70px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
	.smallNav {
		margin-top: 36px;
	}
	.navbar-brand {
	    height: 60px;
	    width: 60px;
	}
	.smallNav li a {
	    margin: 0px 12px;
	}
	.statics {
		margin-bottom: 30px;
	}
	.testSet {
		margin-bottom: 50px;
		text-align: center;
	}
	.avatar {
		position: relative;
	    left: 50%;
	    right: 50%;
	    margin-left: -51px;
	    margin-bottom: 15px;
	}
	.meniu {
	    padding: 0 15px;
	}
	.informatii {
	    padding: 0 15px;
	}
	.mdPad {
		padding-right: 0px!important;
	}
	.smallPad {
   		padding-left: 0!important;
   	}
   	.single {
	    padding: 60px 5px 70px;
	}

}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) { 
	.smallNav {
		position: relative;
	    z-index: 20;
	    background-color: #fff;
	    text-align: center;
	    margin-top: 0;
	    box-shadow: 0px 0px 10px rgba(44,44,44,0.8);
	}
	.smallNav li ul li a:hover {
		color: #d2a024;
	}
	.navigare {
		height: 60px;
	}
	.theFirm h1 {
	    font-size: 45px;
	    width: 250px;
	}
	.theFirm h2 {
	    font-size: 25px;
	    margin-left: -18px;
	    width: 290px;
	}
	.theFirm {
	    margin-top: 300px;
	    margin-left: 50px;
	}
	.top {
	    min-height: 700px;
	}
	.offer .box {
	    position: relative;
	    right: 50%;
	    left: 50%;
	    margin-left: -35px;
	}
	.statics {
		margin-bottom: 30px;
		text-align: center;
	}
	.info {
		float: none;
		margin:0 auto;
	}
	.infoText {
		float: none;
	}
	.testimoniale .box {
		position: relative;
	    right: 50%;
	    left: 50%;
	    margin-left: -35px;
	}
	.about .box {
		position: relative;
	    right: 50%;
	    left: 50%;
	    margin-left: -35px;
	} 
	.contactPage .box {
		position: relative;
	    right: 50%;
	    left: 50%;
	    margin-left: -35px;
	}
	.theBigBox {
		text-align: center;
	}
	.testSet {
		margin-bottom: 50px;
		text-align: center;
	}
	.avatar {
		position: relative;
	    left: 50%;
	    right: 50%;
	    margin-left: -51px;
	    margin-bottom: 15px;
	}
	.contact {
		margin-bottom: 30px;
	}
	.meniu {
		margin-bottom: 30px;
	}
	.copyright p {
		text-align: center;
	}
	.copyright p strong {
		float: none!important;
	}
	.rezident h5 {
		font-size: 20px;
	}
	#logoSmall {
	    height: 200px;
	    width: 200px;
	    left: 50%;
	    right: 50%;
	    margin-left: -100px;
	    margin-top: 90px;
	}
	.single {
    	padding: 45px 20px 45px;
   	}
   	.smallPad {
   		padding: 0!important;
   	}
   	.oferta {
   		margin-top: 350px;
   	}
}