.classDiv1{
width:80%;
margin:0 10%;
background-color:#f2f2f2;
height:320px;
}

.classSubDiv1{
width:40%;
float:left;
height:100%;
}

.classSubDiv2{
padding:2% 4% 2% 44%;
height:100%;
}



.classDiv2{
width:80%;
margin:0 10%;
background-color:#f2f2f2;
height:60%;
margin-top:40px;
word-wrap: break-word;
column-width: 400px;
padding: 23px;
column-count: 2;
  column-gap: 50px;
}

.classDesc{

height:100%;
font-size:21px;
    text-align: justify;
}

.class-img{
width:100%;
}

h2.classTitle{
font-size:45px;
margin-bottom:0px;
}
p.categoryBranch{
font-size:25px;
margin-bottom:0px;
}
p.classShortDesc{
font-size:17px;
height:57%;
margin-bottom:0px;
}

.classBtn1{

color:#fff;
background:#000000;
padding:10px;
padding-left:7px;
padding-right:7px;
border-radius: 25px;
border:none;
width:26%;
font-size:12px;
text-align:center;
position: relative;
right: -73%;

}
.classBtn1:hover
{
background-color:#fba214;

}
@media(max-width:1120px)
{
.classDiv2{
    column-width: 300px;
}
.classDesc{

height:100%;
font-size:19px;
}

.class-img{
width:100%;
}

h2.classTitle{
font-size:40px;
margin-bottom:0px;
}
p.categoryBranch{
font-size:25px;
margin-bottom:0px;
}
p.classShortDesc{
font-size:17px;
height:60%;
margin-bottom:0px;
}
.classBtn1{

font-size:10px;
}
}

@media(max-width:941px)
{

.classDesc{

height:100%;
font-size:19px;
}

.class-img{
width:100%;
}

h2.classTitle{
font-size:36px;
margin-bottom:0px;
}
p.categoryBranch{
font-size:25px;
margin-bottom:0px;
}
p.classShortDesc{
font-size:15px;
height:60%;
margin-bottom:0px;
}

.classBtn1{

font-size:10px;
}
}
@media(max-width:843px)
{
.classSubDiv1{
width:100%;
float:none;
}
.classDiv1{
display: flex;
flex-direction: column;
align-items: center;
width: 40%;
height: 100%;
margin-left: auto;
margin-right: auto;

}
.classDesc{

height:100%;
font-size:20px;
}

.class-img{
width:100%;
}

h2.classTitle{
font-size:36px;
margin-bottom:0px;
}
p.categoryBranch{
font-size:25px;
margin-bottom:0px;
}
p.classShortDesc{
font-size:19px;
height:44%;
margin-bottom:20px;
}


.classBtn1{

font-size:10px;
}

.classSubDiv2 {
padding:23px;
}

section.classSection{
display:flex;
}
.classDiv2{
width:48%;
margin-left: auto;
margin-right: auto;
margin-top:0;
}

.classBtn1{

width:120px;
font-size:11px;

right:0;

}

}

@media(max-width:651px)
{
.classSubDiv1{
width:100%;
float:none;
}
.classDiv1{
display: flex;
flex-direction: column;
align-items: center;
width: 80%;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom:30px;

}


.classBtn1{

font-size:10px;
}

.classSubDiv2 {
padding:23px;
}

section.classSection{
    display: flex;
    flex-direction: column;
}
.classDiv2{
width:80%;
margin-left: auto;
margin-right: auto;
margin-top:0;
 margin-bottom: 30px;
}



}
@media (max-width: 500px){
h2.classTitle {
    font-size: 33px;
    margin-bottom: 0px;
}
}