@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 768px){
.main-cer {
    width: 50%;
    border: 20px solid #000;
    margin: 0px auto;
    height: 370px;
    border-radius: 50%;
    position: relative;
}
.left-ist {
    width: 150px;
    height: 150px;
	    left: -170px;
}
.left-ist-bottom {
    width: 150px;
    height: 150px;
	    left: -170px;
	}
.right-ist {
    width: 150px;
    height: 150px;
	    right: -170px;
}
.right-ist-bottom {
    width: 150px;
    height: 150px;
	    right: -170px;
	}
.flip-card-back h1 a {
    color: #fff;
    font-size: 15px;
}	
.mynav {
    display:block;
	position:relative;
	top:0;
	}
}
@media only screen and (max-width: 599px){
.main-cer {
    width: 270px;
	height: 270px;
	position: inherit;
}
.left-ist ,.right-ist-bottom, .right-ist, .left-ist-bottom{
    position: inherit;
    width: 200px;
    height: 200px;
    margin: 30px auto;
    /* top: 0; */
}	
	.project-page.mega-eco{
		    min-height: 1330px;
	}	
}
@media only screen and (max-width: 500px){
.slider .item{
	background-size: 100%;
	height:245px !important;
}
	p.eye-pers{
		width:300px;
	}	
.blog{
		padding:1px 10px;
	}
	.img-fluid video{
		width: 100%;
	}	
	.table-cell.dec h2{
		font-size: 10px;
		bottom: 10px;
	}	
	.slider-info h2{
		font-size: 16px;
	}	
	.pp-page ul li{
		width: 100%;
	}	
	.pp-page .active, .pp-page .active2, .pp-page .active3{
		width: 100%;
	}
	.pp-page {
    overflow: hidden;
}
	.navbar-brand{
		font-size:1em
	}
	.tab-main label{
		width: 100%;
	}
	.tz-gallery .item{
		width: 100%;
	}
.services {
    padding: 2em 1em;
	}
}	
@media only screen and (max-width: 375px){
.slider .item{
	background-size: 100%;
	height:210px !important;
}	
}