*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

.image-1{
    margin-left: 20px;
    height: 50px;
}
.image-2a{
    height: 190px;
}
.image-2b{
    height: 200px;
}
.image-1b{
    height: 35px;
}
.font-1{
    font-weight: 700;
    font-size: 14px;
}
.n-style{
    text-decoration: none;
    color: white;
}
.nb-style{
    text-decoration: none;
    color: black;
}
.line{
    border-bottom: 3px solid white;
}
.line2{
    border-bottom: 3px solid hotpink;
}
.pink{
    color: hotpink;
}
.hover:hover{
    text-decoration: underline;
    opacity: 0.5;
}
.range{
    height: 50px;
}

.itech01{
    position: relative;
    width: 100%;
}

.video01{
    width: 100%;
    height: auto;
}

.image01{
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 999;
    width: 18%;
}

.text01{
    position: absolute;
    top: 70px;
    left: 10px;
    z-index: 999;
    width: 18%;
}

.text02{
    color: white;
    font-weight: 700;
}

.text02:hover{
    text-decoration: underline;
    text-decoration-color: blue;
    color: blue;
}

.margin{
    margin-left: 100px;
}





/* for Xtra Extra small devices */
@media (min-width:576px) and (max-width:767px){
    .col-sm-1{
        width: 8.33%;
    }
    .col-sm-2{
        width: 16.66%;
    }
    .col-sm-3{
        width: 25%;
    }
    .col-sm-4{
        width:33.33% ;
    }
    .col-sm-5{
        width: 41.66%;
    }
    .col-sm-6{
        width: 50%;
    }
    .col-sm-7{
        width: 58.33%;
    }
    .col-sm-8{
        width: 66.66%;
    }
    .col-sm-9{
        width: 75%;
    }
    .col-sm-10{
        width:83.33% ;
    }
    .col-sm-11{
        width: 91.66%;
    }
    .col-sm-12{
        width: 100%;
    }

    .font-sm{
        font-weight: 500;
        font-size: 13px;
    }
    .font-smb{
        font-weight: 700;
        font-size: 18px;
    }
    .marg-top{
        margin-top: 20px;
    }
    .image-1b{
        height: 20px;
    }
    .text01{
        position: absolute;
        top: 120px;
        left: 10px;
        z-index: 999;
        width: 18%;
    }
}

/* for Xtra Extra small devices */
@media (min-width:361px) and (max-width:575px){
    .col-1{
        width: 8.33%;
    }
    .col-2{
        width: 16.66%;
    }
    .col-3{
        width: 25%;
    }
    .col-4{
        width:33.33% ;
    }
    .col-5{
        width: 41.66%;
    }
    .col-6{
        width: 50%;
    }
    .col-7{
        width: 58.33%;
    }
    .col-8{
        width: 66.66%;
    }
    .col-9{
        width: 75%;
    }
    .col-10{
        width:83.33% ;
    }
    .col-11{
        width: 91.66%;
    }
    .col-12{
        width: 100%;
    }

    .font-sm{
        font-weight: 500;
        font-size: 10px;
    }
    .font-smb{
        font-weight: 900;
        font-size: 13px;
    }
    .marg-top{
        margin-top: 20px;
    }
    .image-1b{
        height: 20px;
    }
    .myfont{
        font-size: 15px;
        font-weight: 600;
    }
    
}


/* for Xtra Extra small devices */
@media (max-width:360px){
    .col-xs-1{
        width: 8.33%;
    }
    .col-xs-2{
        width: 16.66%;
    }
    .col-xs-3{
        width: 25%;
    }
    .col-xs-4{
        width:33.33% ;
    }
    .col-xs-5{
        width: 41.66%;
    }
    .col-xs-6{
        width: 50%;
    }
    .col-xs-7{
        width: 58.33%;
    }
    .col-xs-8{
        width: 66.66%;
    }
    .col-xs-9{
        width: 75%;
    }
    .col-xs-10{
        width:83.33% ;
    }
    .col-xs-11{
        width: 91.66%;
    }
    .col-xs-12{
        width: 100%;
    }

    .font-sm{
        font-weight: 500;
        font-size: 7px;
    }
    .font-smb{
        font-weight: 900;
        font-size: 10px;
    }
    .marg-top{
        margin-top: 20px;
    }
    .image-1b{
        height: 20px;
    }
    .myfont{
        padding: 4px;
        font-size: 14px;
        font-weight: 600;
    }
    .myfont01{
        padding: 2px;
        font-size: 22px;
        font-weight: 800;
    }
}