d1fe173d08e959397adf34b1d77e88d7

View file

File name : responsive.css
Content :
@media (min-width: 320px) and (max-width: 767px){
    .service-info {
    padding: 15px 5px}
    .service-info p{
        font-size: 14px;
    }
    .working{
        padding: 15px!important;
        width: 50%;
    }
    .service-info h3 {
    font-size: 15px;
    }
	 .team-2 img{
        top:35px!important;   
    }
      .team-2 .detail .contact ul li a{
        font-size:11px;
    }
    .pricing-tables {
    padding-top: 0px!important;
	}
	.subdiv,.process-point-left,.process-right:after,.process-left:after,.process-line-l,.process-point-right	{
		display: none !important;
	}
	.noleftpadd{
		text-align: center
	}
	.process-step p {
    font-size: 17px!important;
    font-weight: 700!important;
}
.fixed-top-small{
	top:60px !important;
}
.navbar-dark .navbar-nav .nav-link{
    padding: 8px 11px !important;
        font-size: 13px !important;
        line-height: 10px !important;
        color: #000;
    }
.table td {
        font-size: 12px!important;
    padding: 2px!important;
}

.blog-1 .detail {
    padding: 30px 5px 20px;
}
.invoice .table td, .table th {
    padding: 4px 4px!important;
    font-size: 9px !important;
}
.bg-active tr th {
    font-size: 10px !important;
    padding: 4px 2px!important;
    }
   
   
    .detail ol{
        padding-left: 10px!important;
    }
    .navbar-expand-sm .navbar-nav {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}
.main-header .navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 25px!important;
}
.properties-details-Slider .smail-properties .list-inline-item{
	width:40px!important;
}
.properties-details-Slider .list-inline{
	bottom: 2px !important;
}
.navbar-nav {
    width: 100%;
}
.navbar{
	    padding: .5rem 0.1rem;
}
}

@media (min-width: 576px) and (max-width: 767px){
		.pricing-1 .plan-header h5{
	font-size: 10px!important;
	}
	.pricing-1 .plan-header{
	    padding: 15px 4px 15px !important;
	        height: 65px !important;
	}
	.pricing-1 .plan-list ul li{
		line-height: 18px !important;
    	font-size: 5px!important;
    	    font-weight: 500 !important;
    }
    .pricing-1 .plan-list ul{	
    	padding: 0 2px !important;
    }
    .pricing-1 .pricing-btn{
    	    font-size: 4px !important;
    }
    .pricing-btn{
    	    padding: 4px 3px !important;
    }
    .pricing-1 .plan-list{
    	    padding: 5px 0 6px !important;
    }
    .pricing-1 .plan-button {
    padding-top: 1px!important;
	}
	.subdiv,.process-point-left,.process-right,.process-left:after,.process-line-l,.process-point-right	{
		display: none !important;
	}
	}
	
@media (min-width: 768px) and (max-width: 992px){
	 .team-2 img{
        top:50px!important;
    }
      .team-2 .detail .contact ul li a{
        font-size:11px;
    }
   .pricing-1 .plan-header h5{
    	font-size: 15px;
    }
    
	.pricing-1 .plan-header {
    padding: 15px 6px 15px !important;
	}
	.pricing-1 .plan-list ul{
		    padding: 0 3px !important;
	}
	.pricing-1 .plan-list ul li{
		    line-height: 28px !important;
    font-size: 7px !important;
    font-weight: 500;
	}
	.pricing-tables {
    padding-top: 0px !important;
	}
	.pricing-1 .pricing-btn{
	    font-size: 6px;
	}
	.noleftpadd h5 {
    font-size: 8px!important;
	}
	.process-line-r{
	        width: 55px!important;
    left: -57px!important;
    top: 36px!important;
	}
	.process-right:after{
	right: 85px!important;
	}
	.process-line-l{
		           width: 32px !important;
    right: -35px!important;
    top: 35px!important;
	}
	.process-point-right:before{
		height: 77px !important;
    left: -25px !important;
    top: 11px!important;
        transform: rotate(32deg)!important;
	}
	.process-point-left:before{
		    height: 74px!important;
    transform: rotate(-31deg)!important;
    left: 18px!important;
    top: 8px!important;
	}
	
}

@media  (min-width: 993px) and (max-width: 1200px){
	 .team-2 img{
        top:111px!important;
    }
      .team-2 .detail .contact ul li a{
        font-size:11px;
    }
     .pricing-1 .plan-header h5{
    	font-size: 17px;
    }
    .pricing-1 .plan-list ul li{
    	line-height: 30px !important;
    font-size: 11px !important;
    }
   .pricing-1 .plan-list ul{
   	    padding: 0 3px !important;
   }
   .noleftpadd h5 {
    font-size: 12px!important;
}
.process-line-l{
width: 57px!important;
    right: -64px!important;
}
.process-line-r{
	    top: 38px !important;
	        width: 96px!important;
    left: -87px!important;
}
.process-right:after{
	right: 125px !important;
}
.process-point-left{
	    right: -5px !important;
}
.process-point-left:before{
	left:30px!important;
}
}
Gel4y Mini Shell

View file
