/*
===========================================t and c===================================
*/
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
    .headText h2{
        font-size: 24px !important;
    }
    .headText p{
        width: 100% !important;
        font-size: 22px !important;
    }
    .headContent img{
        height: 200px;
    }
    .tAndC h1{
        padding: 30px !important;
        font-size: 30px !important;
    }
}
.headContent figure{
    float: right;
}
.tAndC h1{
    padding: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 44px;
}
.headText h2{
    font-weight: bold;
    font-size: 48px;
}
.headText p{
    padding: 20px 0;
    width: 90%;
    opacity: 60%;
    font-size: 24px;
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px){
    .headContent{
        padding-top: 0 !important;
        flex-direction: column-reverse !important;
        text-align: center;
    }
    .headText h2{
        font-size: 18px !important;
    }
    .tAndC h1{
        padding: 25px !important;
        font-size: 22px !important;
    }
    .headContent img{
        height: 200px;
    }
    .headContent figure{
        float:unset;
    }.headText p {
        padding: 10px 0 !important;
        width: 100% !important;
        font-size: 14px !important;
    }
}
/*
===========================================details===================================
*/
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (-webkit-min-device-pixel-ratio: 1) {
    .point1 li{
        width: 100% !important;
    }
    .tcPoints h1{
        font-size: 28px !important;
    }
    .tcPoints li{
        font-size: 16px !important;
    }
    .para p{
        font-size: 17px !important;
    }
}
.tcPoints h1{
    font-size: 40px;
    font-weight: bold;
    text-transform: capitalize;
}
.tcPoints li{
    font-size: 22px;
    opacity: 60%;
}
.point1 li{
    width: 60%;
}
.point2{
    margin-top: 50px;
}
.para{
    width: 100%;
    margin: 50px auto 0px auto;
    /* text-align: center; */
    /* color: #212529; */
}
.para p{
    font-size: 24px;
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px){
    .point1 li{
        width: 100% !important;
    }
    .tcPoints h1{
        font-size: 24px !important;
    }
    .tcPoints li{
        font-size: 12px !important;
    }
    .para p{
        font-size: 13px !important;
    }
  }