/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {


}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {


}

 
/* small mobile :320px. */
@media (max-width: 767px) {

 
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container {width:450px}

.teplcon-logo {
    padding: 10px 6px 0 0;
    margin: 7px auto 10px auto;
    width: 50px;
    height: auto;
    float: right;
}


 
}


@media only screen and (min-width: 768px) and (max-width: 1200px){
.teplcon-logo {
	padding: 0px;
	margin:7px auto 10px auto;
	width: 108px;
	height: auto;
	float: right;
}

}



/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/* .teplcon-logo img {padding:0px; margin:0pa auto; width:100%; height:auto; display: none !important;} */
.teplcon-logo {
    padding: 10px 6px 0 0;
    margin: 7px auto 10px auto;
    width: 50px;
    height: auto;
    float: right;
}

}