.albumList {
	margin: 0 -20px;
}
.albumList .albumItem {
	cursor: pointer;
	padding: 0 20px;
}
.albumList .albumItem img {
	width: 100%;
	height: auto;
	display: block;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
@media (max-width: 1024px) {
	.albumList {
		margin: 0 -15px;
	}
	.albumList .albumItem {
		padding: 0 15px;
	}
}
@media (max-width: 480px) {
	.albumList {
		margin: 0 -8px;
	}
	.albumList .albumItem {
		padding: 0 8px;
	}
}



        .mainArea{
            padding-top: 50px;
            padding-bottom: 100px;
        }

         @media (max-width:640px){
             .mainArea{
            padding-top: 10px;
            padding-bottom: 50px;
            }
        }

        .wrap{
            width: 100%;
            max-width: 100%
            padding-left: 20px;
            padding-right: 20px;
            margin: 0 auto;
        }

        
        .ib_about01 .aboutBox{
            display: flex;
            flex-wrap: wrap;

        }



        @media (max-width:1180px){
             .ib_about01 .aboutBox{
             flex-direction:column-reverse;
             align-items: center;


            }
        }


        .ib_about01 .aboutBox .textBox{
            width: 50%!important;
            padding-right: 30px;
        }

          .ImgBox{
               width:40%!important;
}

        @media (max-width:1580px){
            .ib_about01 .aboutBox .textBox{
                padding-left: 10%;
            }
        }


        @media (max-width:1180px){
            .ib_about01 .aboutBox .textBox{
                width: 100% !important;
                padding-left: 0;
                padding-right: 0;
            }
        }

        .ib_about01 .aboutBox .textBox h3{
            font-size: 30px;
            font-weight: 600;
            color: #2f2f2f;
        }


        @media (max-width:1180px){
            .ib_about01 .aboutBox .textBox h3{
                font-size: 24px;
                margin-bottom: 15px;
            }
        }


        .ib_about01 .aboutBox .textBox p{
            margin-bottom: 13px;
            line-height: 1.5;
            color: #2f2f2f;
            font-size: 15px;
        }

        @media (max-width:1180px){
            .ib_about01 .aboutBox .textBox p{
                margin-bottom: 35px;
       flex-direction:column-reverse !important;
            }



        }

        .ib_about01 .aboutBox .ImgBox{
            width: 50%;
        }


        @media (max-width:1180px){
            .ib_about01 .aboutBox .ImgBox{
                width: 100%;
                text-align: center;
              flex-direction:column-reverse;

            }

            .ImgBox{
               width:100%!important;
        }

}
}