.navbar-brand img{  width:350px;max-width:100%;} 
.banner .block h1{ font-size:40px;}
.banner{
background: url("../images/bg/slider-bg-1.jpg") no-repeat!important;
 
background-size: cover!important;	
}
.banner p,.banner span{ color:#000;}

.banner_part1, .banner_part2{ width:50%; float:left; }
.slider_mobile{ display:none;}
.slider_desktop img{ max-width:90%; }
.service{ padding-top:100px;}
@media (max-width: 480px) {
	.slider_desktop{ display:none;}
	.slider_mobile{ display:block;}
	
	.banner .block{
		  padding: 30px 0px 120px;
		  text-align:center!important;
}
	 .divider{ margin:auto;}
	 .banner .block p{ padding:0px!important;}
 .no_mobile{ display:none;}
 .center_mobile{ text-align:center!important;}
 .header-top-bar{ padding:4px 0px;}
.navbar-brand img{ max-width:100%;}
.navbar{ border-bottom:1px solid #CCC;}

.navbar-brand{ margin-right:0px; max-width:80%;}

}


/* rpt section */
.rptSec {
    position: relative;
    overflow-x: hidden;
    padding-bottom: 13rem;
}

.rptSec .row {
    align-items: center;
}

.rptSec .rptShape {
    position: relative;
    width: 90%;
    margin-left: 0;
}


.rptSec .imgSqr {
    width: 33.3rem;
    height: 50rem;
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5rem;
    background-color: rgb(255 255 255 / 46%);
    background-size: cover;
    overflow: hidden;
    padding: 1.2rem;
}

.rptSec .imgSqr img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5rem;
}

.rptSec .rptContent {
    padding-left: 10rem;
}

.rptSec .rptContent .btn {
    margin-top: 2.3rem;
}

.rptSec .rptContent h2 {
    /*font-weight: 400;*/
    position: relative;
    margin-bottom: 2rem;
}

.rptSec .rptContent h2::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 1rem 0;
    width: 5.2rem;
    height: 0.3rem;
    background-color: var(--secondColor);
}

.rptSec .loopBox:nth-child(even) .row {
    flex-direction: row-reverse;

}

.rptSec .loopBox:nth-child(even) .rptContent {
    padding-right: 10rem;
    padding-left: 0;
}

.rptSec .loopBox:nth-child(even) .rptShape {
    position: relative;
    width: 90%;
    margin-left: auto;
    margin-right: 0;
}

.rptSec .loopBox:first-child {
    padding-top: 0;
}

.rptSec .loopBox {
    padding-top: 9.5rem;
}

.rptSec .shp1 {
    position: absolute;
    left: -12rem;
    top: -9rem;
    width: 22.5rem;
}

img.shpSml {
    position: absolute;
    right: 5%;
    opacity: 0.2;
    top: 6%;
}

img.shpSmlCenter {
    position: absolute;
    left: -2rem;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.2;
}

.btmShp1 {
    position: absolute;
    bottom: 11%;
    width: 21.3rem;
    left: -13rem;
    transform: rotate(71deg);
}

.btmShp2 {
    position: absolute;
    bottom: 20%;
    right: -10rem;
    width: 22.3rem;
    transform: rotate(9deg);
    opacity: 0.8;
}

.btmShpSml {
    position: absolute;
    right: 3rem;
    bottom: 16%;
    opacity: 0.1;
}