/* CSS Document */



@media only screen and (max-width: 480px) {

.display-2 {
    font-size: 25px;
    line-height: 35px;
}
.pagepiling .section-1.pp-scrollable .vertical-centred {
    padding-top: 20rem;
	}
.slick-slide img {
   width:100%;
   padding-top:0px;
}
.index-h2 {
    font-size: 38px;
    line-height: 48px;
}
.subtitle-top {
    line-height: 25px;
    font-size: 17px;
}
.index-aboutp {
    font-size: 17px;
    line-height: 27px;
	padding-right:10px;
}
.map-2 {
    height: 6rem;}
/********************* about page ***********************/
.navbar-white .brand-img-white {
    width: 33%;
}
.about-heading {
    font-size: 30px;}
.info-title {
    font-size: 60px;}
.section-info .title-hr {
    margin: 0 0 0rem;
}	
.about-title3 {
    font-size: 14px;
    line-height: 24px;}
.pandding-30 {
    padding-left: 12%;
}
.pandding-35 {
    padding-left: 14%;
}
.about-title4 {
    font-size: 15px;
    line-height: 20px;
}
.col-service {
    margin-top: 0rem;
}
.about-title5 {
    font-size: 16px;
    line-height: 20px;
}
.border-bottom {
    margin: 8% 0% 27%;
}
.about-title6 {
    font-size: 18px;
    line-height: 29px;
}
.about-title-ul {
    font-size: 18px;
    line-height: 24px;
    margin-top: 3rem;
    margin-left: 0%;
}
table {
    margin-top: 24%;
}
table th {
    font-size: 23px;
    line-height: 60px;
    padding-top: 0%;
}
table td {
    font-size: 12px;
    line-height: 16px;
}
.about-title7 {
    font-size: 23px;
	line-height:32px;
}
.about-title7 span {
    font-size: 30px;
}
.filter li {
    display: block;
	margin:0;
}
.filter-content-2 .filter li, .filter-content-3 .filter li, .filter-content-4 .filter li {
    margin-right: 0rem;
}
/********************* about page ***********************/	

/********************* project page ***********************/	

.pro-title {
    font-size: 35px;
    line-height: 55px;
}
.pro-title1 {
    font-size: 45px;
}
.pro-title2 {    font-size: 18px;
    margin-top: -6%;
}
.pro-titlep {
    font-size: 12px;
    line-height: 22px !important;
}
/********************* project page ***********************/	



}


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

.display-2 {
    font-size: 55px;
    line-height: 65px;
}
.slick-slide img {
   width:100%;
}

/********************* about page ***********************/
.about-heading {
    font-size: 50px;
	margin:0 !important;
	margin-top:12% !important;}
.info-title {
    font-size: 85px;}
.about-title3 {
    font-size: 20px;
    line-height: 30px;}
.about-title4 {
    font-size: 17px;
    line-height: 27px;}	
.text-display-1 {
    margin-top: -30%;
}	
.pandding-30 {
    padding-left: 40%;
}
.pandding-35 {
    padding-left: 45%;
}
.about-title5 {
    font-size: 18px;
    line-height: 28px;}
.about-title-ul {
    font-size: 17px;
    line-height: 27px;
    font-weight: 600;
    margin-left: 0%;
}
table td {
    font-size: 16px;
    line-height: 26px;}
.filter-content-2 .filter li, .filter-content-3 .filter li, .filter-content-4 .filter li {
    margin-right: 1rem;
}
/********************* about page ***********************/


/********************* project page ***********************/
.pro-title {
    line-height: 70px;
    margin-top: -22%;
}
.pro-title2 {
    margin-top: -1%;
}
.pro-titlep {
    margin-bottom: 0%;
}
/********************* project page ***********************/

}