@charset "UTF-8";
/* CSS Document */

 /* DESKTOP CONTAINERS (*check mobile below*) */
.sidebysideContainer {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
align-items: flex-start;
}
/* if you want content close to each other add .close to .sidebysideContainer*/
.sidebysideContainer.close {
justify-content: flex-start;
}
 
/* if you want them to align in center instead of justified */
.sidebysideCenterContainer {
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
align-items: flex-start;
}

.sidebysideRtItem {
padding-left: 30px;
} 

 .sidebysideLtItem {
padding-right: 30px;
}

@media only screen and (max-width:767px) {
.sidebysideContainer, .sidebysideCenterContainer {
display: flex;
flex-direction: column;
flex-wrap: wrap;
width: 100%;
} 
 
 .sidebysideRevrs {
flex-direction: column-reverse;
}
}

.Width5 {
width: 5%;
}
.Width10 {
width: 10%;
}
.Width15 {
width: 15%;
}
.Width20 {
width: 20%;
}
.Width25 {
width: 25%;
}
.Width30 {
width: 30%;
}
.Width33 {
width: 33%;
}
.Width35 {
width: 35%;
}
.Width40 {
width: 40%;
}
.Width45 {
width: 45%;
}
.Width50 {
width: 50%;
}
.Width55 {
width: 55%;
}
.Width60 {
width: 60%;
}
.Width65 {
width: 65%;
}
.Width70 {
width: 70%;
}
.Width75 {
width: 75%;
}
.Width80 {
width: 80%;
}
.Width85 {
width: 85%;
}
.Width90 {
width: 90%;
}
.Width95 {
width: 95%;
}
.Width100 {
width: 100%;
}
@media only screen and (max-width:767px) {

.Width5, .Width10, .Width15, .Width20, .Width25, .Width30, .Width33, .Width35,.Width40, .Width45,.Width50, .Width55,.Width60, .Width65,.Width70, .Width75,.Width80, .Width85,.Width90, .Width95,.Width100, .sidebysideItem, .sidebysideRtItem, .sidebysideLtItem, .sidebysideRevrs, .sidebysideCenterContainer {
width: 98%;
padding: 0px;
}
}