/* top footer */

.topFooter{
    font-family: sans-serif;
    /* border: 1px solid; */
    /* height: 300px; */
    padding-top: 25px;
    padding-bottom: 25px;
    background: #F2F2F2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.topFooter .workingArea{
     /* border: 1px solid; */
     width: 1150px;
     /* height: 250px; */
     display: flex;
     justify-content: space-between;
     flex-direction: row;
}
.topFooter .workingArea .left{
    width: 50%;
    /* border: 1px solid; */
    display: flex;
}
.topFooter .workingArea .right{
    width: 45%;
    /* border: 1px solid; */
     display: flex;
}

.topFooter .workingArea .left .box{
    width: auto;
    /* border: 1px solid; */
    padding: 20px;
}
.topFooter .workingArea div .box h1{
    
    color: #BD2925;
    padding-bottom: 10px;
    font-size: 18px;
}
.topFooter .workingArea .left .box li{
    padding-top: 7px;
    font-size: 15px;
}
.topFooter .workingArea div .box a{
    color: black;
}

.topFooter .workingArea .right .box{
    width: auto;
    /* border: 1px solid; */
    padding: 20px;
}
.topFooter .workingArea .right .box .p {
    font-size: 15px;
    color: black;
    padding-bottom: 20px;
}
.topFooter .workingArea .right .box p {
    font-size: 15px;
    color: black;
    padding-bottom: 10px;
}

/* ---- bottom footer---- */
.bottomFooter{
    height: 50px;
    /* border: 1px solid; */
    background: #EE1C2E;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.bottomFooter .workingArea{
    /* border: 1px solid; */
     width: 1150px;
     /* height: 250px; */
     display: flex;
    justify-content: space-between; 
    font-family: sans-serif;
    font-size: 15px;
     box-sizing: border-box;
    color: white;  
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and ( min-width:700px) and (max-width:1180px) {
	.topFooter .workingArea
	{
		margin: 50px auto;
		width: 700px;
		box-sizing: border-box;
        flex-direction: row;
	}
    .bottomFooter .workingArea{
        width: 700px;
    }
}
@media screen and ( min-width:500px) and (max-width:700px) {
	.topFooter .workingArea{
		margin: 50px auto;
		width: 500px;
		box-sizing: border-box;
        flex-direction: column;
        padding-top: 0px;
    padding-bottom: 0px;
	}
    .bottomFooter .workingArea{
        width: 500px;
    }
    .topFooter .workingArea .left,
    .topFooter .workingArea .right,
    .topFooter .workingArea  .left .box{
         flex-direction: column;
         width: 100%;
    }
}
@media screen and  (max-width:480px) {
	.topFooter .workingArea{
		margin: 50px auto;
		width: 480px;
		box-sizing: border-box;
        flex-direction: column;
        padding-top: 0px;
    padding-bottom: 0px;
	}
    .bottomFooter .workingArea{
        width: 480px;
        font-size: 10px;
    }
    .topFooter .workingArea .left,
    .topFooter .workingArea .right,
    .topFooter .workingArea  .left .box{
         flex-direction: column;
         width: 100%;
    }
}
@media screen and  (max-width:360px) {
	
	.topFooter .workingArea{
		margin: 50px auto;
		width: 360px;
        flex-direction: column;
		box-sizing: border-box;
        padding-top: 0px;
    padding-bottom: 0px;
	}
    .bottomFooter .workingArea{
        width: 360px;
    }
    .topFooter .workingArea .left,
    .topFooter .workingArea .right,
    .topFooter .workingArea  .left .box{
         flex-direction: column;
         width: 100%;
    }
}