@media (max-width: 767.98px) { 

	.header{
		    padding: 5px 0; 
	}
	.header.header-scrolled{
		padding: 10px 0;
	}
	.header .logo img {
    	max-width: 100%;
    	width: 50%;
	}
	.navbar-mobile a, .navbar-mobile a:focus {
	    padding: 10px 20px;
	    font-size: 15px;
	    color: #000!important;
	}
	.header .navbar a, .navbar a:focus {
    	color: #000!important;
	}
	.navbar .dropdown ul a{
		font-size: 15px;
	}
	.title-sec01 .main-title01{
		font-size: 25px;
	}
	/*.main-title01::before {*/
 /*   	content: url(../img/left-egg-02.png);*/
	/*}*/
	/*.main-title01::after {*/
 /*   	content: url(../img/right-egg-02.png);*/
	/*}*/
	.title-sec01 {
    	padding: 15px 0;
	}
	.about01{
		height: auto;
	}
	.about01 .abt-row01{
		flex-direction: column-reverse;
	}
	.about01 .content .para-content {
	    text-align: justify;
	    font-size: 15px;
	    line-height: 28px;
	}
	.category-01 .column {
    	margin: 10px 0;
	}
	.category-01 .column .category-name,
	.category-01 .overlay .category-title {
    padding: 10px;
    font-size: 20px;
    line-height: 28px;
	}
	.prod-row01 {
    position: relative;
    bottom: 0;
    margin: 10px 0;
	}
	.prod-row01 .prod-content11 {
    margin: 10px 0;
    padding: 15px;
	}
	.prod-content11 .para-content-prod01 {
    font-size: 15px;
    line-height: 28px;
	}
	.top-to-bottom{
		    max-width: 100%;
    width: 50px;
	}
	.breadcrumbs ol{
		font-size: 13px;
		padding: 0;
	}
	.mi-blog-main .blog-01 {
    	padding: 0 0 30px 0;
	}
	.blog-slider-box01 .item.blog-single-item-mi .blog-title {
    font-size: 18px;
    line-height: 25px;
        width: auto;
    }

    .team {
    	padding: 30px 0;
	}
	.team .member .member-info h4{
		    font-size: 20px;
    line-height: 28px;
        margin: 5px;
            text-align: right;
	}
	.team .member .branch-icon{
		    padding: 10px 0;
	}
	.team .member .branch-icon img{
	    max-width: 100%;
    	width: 50%;
	}
	.team .member .member-info {
    	padding: 10px;
	}
	.team .member .member-info span{
		    margin-bottom: 3px;
		        text-align: right;
	}
	.team .member .member-info .branch-address-mi i{
		    font-size: 20px;
    line-height: 25px;
	}
	.team .member .member-info .branch-address-mi{
		    padding: 0 5px;
		        margin: 10px 0 10px 0;
	}
	.photo-col-mi {
    	padding: 5px;
	}
	.services .service-box{
		padding: 30px 10px;
	}
	.services .service-box h3{
		    font-size: 22px;
    line-height: 28px;
	}
	.about .content{
		padding: 20px;
	}
	.about h2 {
    	font-size: 20px;
    	line-height: 28px;
	}
	.about p, .values .box p, 
	.pricing .product-description-mi{
		font-size: 15px;
		line-height: 28px;
	}
	.about .btn-read-more span{
		    font-size: 16px;
    line-height: 20px;
	}
	.about .btn-read-more{
		    padding: 10px;
	}
	.values .box {
    padding: 10px;
	}
	.values .box img {
    padding: 10px 30px 20px 30px;    
	}



}

/*--------------------------------------------------------------------------------------------------------*/

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

	.header{
		    padding: 5px 0; 
	}
	.header.header-scrolled{
		padding: 10px 0;
	}
	.header .logo img {
    	max-width: 100%;
    	width: 50%;
	}
	.navbar-mobile a, .navbar-mobile a:focus {
	    padding: 10px 20px;
	    font-size: 15px;
	    color: #000!important;
	}
	.header .navbar a, .navbar a:focus {
    	color: #000!important;
	}
	.navbar .dropdown ul a{
		font-size: 15px;
	}
	.title-sec01 .main-title01{
		font-size: 25px;
	}
	/*.main-title01::before {*/
 /*   	content: url(../img/left-egg-02.png);*/
	/*}*/
	/*.main-title01::after {*/
 /*   	content: url(../img/right-egg-02.png);*/
	/*}*/
	.title-sec01 {
    	padding: 15px 0;
	}
	
	
	.about01 .content .para-content {
	    text-align: justify;
	    font-size: 15px;
	    line-height: 28px;
	}
	.category-01 .column {
    	margin: 10px 0;
	}
	.category-01 .column .category-name,
	.category-01 .overlay .category-title {
    padding: 10px;
    font-size: 20px;
    line-height: 28px;
	}
	
	.prod-row01 .prod-content11 {
    margin: 10px 0;
    padding: 15px;
	}
	.prod-content11 .para-content-prod01 {
    font-size: 15px;
    line-height: 28px;
	}

	.about .content{
		padding: 20px;
	}
	.about h2 {
    	font-size: 20px;
    	line-height: 28px;
	}
	.about p, .values .box p,
	.pricing .product-description-mi{
		font-size: 15px;
		line-height: 28px;
	}
	.about .btn-read-more span{
		    font-size: 16px;
    line-height: 20px;
	}
	.about .btn-read-more{
		    padding: 10px;
	}
	.values .box {
    padding: 10px;
	}
	.values .box img {
    padding: 10px 30px 20px 30px;    
	}


}

@media (min-width: 992px) and (max-width: 1199.98px) { 


.navbar-mobile a, .navbar-mobile a:focus {
padding: 10px 20px;
font-size: 15px;
color: #000!important;
}
.header .navbar a, .navbar a:focus {
color: #000!important;
}
.navbar .dropdown ul a{
font-size: 15px;
}

}