@media screen and (-webkit-device-pixel-ratio: 1.0) {
    /* CSS for high-density screens */
    .imgclass {
		height: auto;
		width: 100% !important;
		max-width:100%;
	}
}
@media (max-width: 426px) and (min-width: 300px) {
    .font-37-sm {
        font-size: 17px !important;
    }
    .font-20-sm {
        font-size: 13px !important;
    }
    .font-18-sm {
        font-size: 11px !important;
    }
    .font-17-sm {
        font-size: 12px !important;
    }
    .font-16-sm {
        font-size: 12px !important;
    }
    .font-15-sm {
        font-size: 11px !important;
    }
    
    .font-14-sm {
        font-size: 12px !important;
    }
    .font-13-sm {
        font-size: 11px !important;
    }
    .font-12-sm {
        font-size: 16px !important;
    }
    
    .font-10-sm {
        font-size: 13px !important;
    }
    
    .font-10-searchbar-sm {
        font-size: 17px !important;
        padding: 10px 32px !important;
        height: 43px !important;
    }
    .fa-10-sm {
        font-size: 17px !important;
        padding: 14px 9px !important;
        height: 26px !important;
    }
    .img-sm {
        width: 40px !important;
        height: 30px !important;
    }

    .fa-search {
        font-size: 13px !important;
        padding: 10px !important;
    }
    .fa-times {
        font-size: 13px !important;
        padding: 10px !important;
    }

    .ellipsis{
        width: 275px !important;
    }

    .app-sm {
        padding: 0px 12% 0px 12% !important;
    }
    
    .headerheight-sm {
        height: 230px !important;
    }

    .headerheightlms-sm {
        height: 100% !important;
        justify-content: center;
    }

    .input-box {
        padding: 7px 30px 7px 29px !important;
    }
    .row-sm {
        height: 250px !important;
    }
    .rowlms-sm {
        height: 350px !important;
    }
    .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .navbar-padding-sm {
        padding: 12px 40px !important;
    }
    .butn {
        font-size: 10px !important;
        padding: 7px 13px !important;
    }
    .strike {
        font-size: 20px !important;
    }
    .table-18-sm {
        font-size: 11px !important;
    }
    .table-font-18 {
        font-size: 14px !important;
    }

    .result p {
        width: 70vw !important;
    }

    #inpBar {
        width: 70vw !important;
    }
    .fieldset-sm {
        padding: 0px 10px !important;
    }
    .col-xs-6 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .col-xs-9 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .row-fieldset-sm {
        padding: 0px 10px !important;
    }
    .nav-padding-sm {
        margin: 0px 10px !important;
    }
    .stars {
        font-size: 26px !important;
    }
    .sidenav {
        top: 0 !important;
    }
    .display-sm {
        display: block;
    }
    .containerpadding-sm {
        padding: 10px 5px !important;
    }
    .table-width-sm {
        width: 90% !important;
    }
    
    .pagination a {
        font-size:10px !important;
        padding: 5px 8px !important; 
    }
    .pagingarrow {
        margin: 0px 0px !important;
    }
    .paging {
        margin: 0px 0px !important;
    }
    .toplms_subtitle {
        top:165px;
    }
    .fontlms-20-sm {
        font-size: 10px !important;
    }
    .fontlms-16-sm {
        font-size: 8px !important;
    }
    .fontlms-14-sm {
        font-size: 6px !important;
    }
    /* textarea ikut size font-14 */
    textarea {
        font-size: 6px !important;
    }
    .lmsicon-height {
        height:95px;
    }
    .lmsiconpad-sm {
        padding: 30px 50px;
    }
    .falms-sm {
        font-size: 10px !important;
        padding: 10px !important;
    }
    .inputlms-sm {
        padding:7px 25px 7px 35px;
    }
    .divabsolute-sm {
        width:85% !important;
        left: unset !important;
        right: 0 !important;
    }
    .divabsolutelogo-sm {
        background: rgba(240,240,240,0.7);
    }
    .divabsolute2-sm {
        width:85% !important;
        left: unset !important;
    }
    .flexlms-sm {
        display: unset !important;
        flex-flow: unset !important;
    }
    .flexlms-placecontent-sm {
        place-content: center;
    }
    .applmsnews-sm {
        padding: 0px !important;
    }
    .divbuletinmargin-sm {
        margin: 10px 0px 0px !important;
    }
    .px-0 {
        padding: 0px !important;
    }
    .divlmskview-sm {
        padding: 0px !important;
    }
    .lmsbutheight80-sm {
        height: 60px !important;
    }
    .table-margin-sm {
        margin: 0px !important;
    }
    .textcontent p span {
        font-size: 8px !important;
    }
	.imgclass {
		height: auto;
		width: 100% !important;
		max-width:100%;
    }
    .float-none {
        float: none !important;
    }
    

}


/* tablet */
@media (max-width: 800px) and (min-width: 426px) {
    .font-37-sm {
        font-size: 22px !important;
    }
    .font-20-sm {
        font-size: 17px !important;
    }
    .font-18-sm {
        font-size: 12px !important;
    }
    .font-17-sm {
        font-size: 11px !important;
    }
    .font-16-sm {
        font-size: 12px !important;
    }
    .font-15-sm {
        font-size: 11px !important;
    }
    
    .font-14-sm {
        font-size: 12px !important;
    }
    /* textarea ikut size font-14 */
    textarea {
        font-size: 12px !important;
    }

    .font-13-sm {
        font-size: 11px !important;
    }
    .font-12-sm {
        font-size: 16px !important;
    }
    
    .font-10-sm {
        font-size: 13px !important;
    }
    
    .font-10-searchbar-sm {
        font-size: 17px !important;
        padding: 10px 32px !important;
        height: 43px !important;
    }
    .fa-10-sm {
        font-size: 17px !important;
        padding: 14px 9px !important;
        height: 26px !important;
    }
    .img-sm {
        width: 40px !important;
        height: 30px !important;
    }

    .fa-search {
        font-size: 18px !important;
        padding: 11px !important;
    }
    .fa-times {
        font-size: 18px !important;
        padding: 11px !important;
    }

    .ellipsis{
        width: 310px !important;
    }

    .app-sm {
        padding: 0px 12% 0px 12% !important;
    }
    
    .headerheight-sm {
        height: 250px !important;
    }

    .headerheightlms-sm {
        height: 100% !important;
        justify-content: center;
    }

    .input-box {
        padding: 8px 34px 8px 42px !important;
    }
    .row-sm {
        height: 276px !important;
    }
    .rowlms-sm {
        height: 400px !important;
    }


    .navbar-padding-sm {
        padding: 12px 20px;
    }
    .butn {
        font-size: 10px !important;
    }
    .strike {
        font-size: 25px !important;
    }
    .table-18-sm {
        font-size: 16px !important;
    }
    .table-font-18 {
        font-size: 18px !important;
    }
    .sidenav {
        top: 0 !important;
    }
    .display-sm {
        display: block;
    }
    .containerpadding-sm {
        padding: 15px 70px !important;
    }
    
    .pagination a {
        font-size:10px !important;
        padding: 5px 6px !important; 
    }
    .pagingarrow {
        margin: 0px 15px !important;
    }
    .paging {
        margin: 0px 3px !important;
    }
    .toplms_subtitle {
        top:165px;
    }
    .fontlms-20-sm {
        font-size: 15px !important;
    }
    .fontlms-16-sm {
        font-size: 13px !important;
    }
    .fontlms-14-sm {
        font-size: 12px !important;
    }
    .lmsicon-height {
        height:260px;
    }
    .lmsiconpad-sm {
        padding: 30px 50px;
    }
    .falms-sm {
        font-size: 15px !important;
        padding: 14px !important;
    }
    .inputlms-sm {
        padding:10px 35px 10px 55px;
    }
    .flexlms-placecontent-sm {
        place-content: center;
    }
    .divabsolute2-sm {
        width:65% !important;
    }
    .textcontent p span {
        font-size: 13px !important;
    }
	.imgclass {
		height: auto;
		width: 600px !important;
	}
    

}

/* laptop S */
@media (max-width: 1230px) and (min-width: 801px) {
    .font-37-sm {
        font-size: 26px !important;
    }
    .font-20-sm {
        font-size: 17px !important;
    }
    .font-18-sm {
        font-size: 15px !important;
    }
    .font-16-sm {
        font-size: 16px !important;
    }
    .font-15-sm {
        font-size: 12px !important;
    }
    .font-10-searchbar-sm {
        font-size: 17px !important;
        padding: 10px 32px !important;
        height: 43px !important;
    }
    .fa-10-sm {
        font-size: 17px !important;
        padding: 14px 9px !important;
        height: 26px !important;
    }
    .img-sm {
        width: 40px !important;
        height: 30px !important;
    }
    
    .headerheight-sm {
        height: 260px !important;
    }
    .headerheightlms-sm {
        height: 100% !important;
    }

    .container-sm {
        padding-top: 0px !important;
    }
    .containerpadding-sm {
        padding: 20px 70px !important;
    }
    
    .row-sm {
        height: 295px !important;
    }
    .rowlms-sm {
        height: 380px !important;
    }

    .ellipsis{
        width: 286px !important;
    }
    .app-sm {
        padding: 30px 30px 30px 30px !important;
    }
    .sidenav {
        width: 100% !important;
        position: relative !important;
    }
    .display-sm {
        display: none;
    }
    .pagination a {
        font-size:15px !important;
    }
    .pagingarrow {
        margin: 0px 20px !important;
    }
    .paging {
        margin: 0px 10px !important;
    }
    .toplms_subtitle {
        top:165px;
    }
    .fontlms-20-sm {
        font-size: 18px !important;
    }
    .fontlms-16-sm {
        font-size: 15px !important;
    }
    .fontlms-14-sm {
        font-size: 10px !important;
    }
    .lmsicon-height {
        height:145px;
    }
    .lmsiconpad-sm {
        padding: 30px 50px;
    }
    .falms-sm {
        font-size: 18px !important;
        padding: 14px !important;
    }
    .inputlms-sm {
        padding:10px 35px 10px 55px;
    }
    .textcontent p span {
        font-size: 13px !important;
    }
	.imgclass {
		height: auto;
		width: 550px !important;
	}
    

}

/* laptop L */
@media (max-width: 1440px) and (min-width: 1231px) {
    .font-37-sm {
        font-size: 37px !important;
    }
    .font-20-sm {
        font-size: 20px !important;
    }
    .font-18-sm {
        font-size: 18px !important;
    }
    .font-16-sm {
        font-size: 16px !important;
    }
    .font-15-sm {
        font-size: 15px !important;
    }
    .font-10-searchbar-sm {
        font-size: 17px !important;
        padding: 10px 32px !important;
        height: 43px !important;
    }
    .fa-10-sm {
        font-size: 17px !important;
        padding: 14px 9px !important;
        height: 26px !important;
    }
    .img-sm {
        width: 40px !important;
        height: 30px !important;
    }
    
    .headerheight-sm {
        height: 290px !important;
    }
    .headerheightlms-sm {
        height: 100% !important;
    }

    .container-sm {
        padding-top: 10px !important;
    }
    .containerpadding-sm {
        padding: 20px 70px !important;
    }
    
    .row-sm {
        height: 340px !important;
    }

    .rowlms-sm {
        height: 515px !important;
    }

    .sidenav {
        width: 100% !important;
        position: relative !important;
    }
    .display-sm {
        display: none;
    }
    .pagination a {
        font-size:15px !important;
    }
    .pagingarrow {
        margin: 0px 30px !important;
    }
    .paging {
        margin: 0px 10px !important;
    }
    .toplms_subtitle {
        top:250px;
    }
    .fontlms-20-sm {
        font-size: 20px !important;
    }
    .fontlms-16-sm {
        font-size: 16px !important;
    }
    .fontlms-14-sm {
        font-size: 13px !important;
    }
    .lmsicon-height {
        height:200px;
    }
    .lmsiconpad-sm {
        padding: 50px;
    }
    .falms-sm {
        font-size: 20px !important;
        padding: 15px !important;
    }
    .inputlms-sm {
        padding:10px 35px 10px 60px;
    }
    .textcontent p span {
        font-size: 16px !important;
    }
	.imgclass {
		height: auto;
		width: 100% !important;
	}

}

/* monitor */
@media (min-width: 1441px) {
    .font-37-sm {
        font-size: 37px !important;
    }
    .font-20-sm {
        font-size: 20px !important;
    }
    .font-18-sm {
        font-size: 18px !important;
    }
    .font-16-sm {
        font-size: 16px !important;
    }
    .font-15-sm {
        font-size: 15px !important;
    }
    .font-10-searchbar-sm {
        font-size: 17px !important;
        padding: 10px 32px !important;
        height: 43px !important;
    }
    .fa-10-sm {
        font-size: 17px !important;
        padding: 14px 9px !important;
        height: 26px !important;
    }
    .img-sm {
        width: 40px !important;
        height: 30px !important;
    }
    
    .headerheight-sm {
        height: 490px !important;
    }

    .headerheightlms-sm {
        height: 680px !important;
    }

    .container-sm {
        padding-top: 10px !important;
    }
    .containerpadding-sm {
        padding: 20px 70px !important;
    }
    
    .row-sm {
        height: 100% !important;
    }

    .rowlms-sm {
        height: 100% !important;
    }

    .app-sm {
        padding: 30px 30px 30px 30px !important;
    }
    .sidenav {
        width: 100% !important;
        position: relative !important;
    }
    .display-sm {
        display: none;
    }
    .pagination a {
        font-size:15px !important;
    }
    .pagingarrow {
        margin: 0px 30px !important;
    }
    .paging {
        margin: 0px 10px !important;
    }
    .toplms_subtitle {
        top:360px;
    }
    .fontlms-20-sm {
        font-size: 35px !important;
    }
    .fontlms-16-sm {
        font-size: 30px !important;
    }
    .fontlms-14-sm {
        font-size: 25px !important;
    }
    .lmsicon-height {
        height:340px;
    }
    .divheadpad-sm {
        padding: 15px 0px;
    }
    .lmsiconpad-sm {
        padding: 50px;
    }
    .falms-sm {
        font-size: 35px !important;
        padding: 24px !important;
    }
    .inputlms-sm {
        padding:15px 50px 15px 90px;
    }
    .paddingcalendar-xl {
        padding: 0px 30px 55px !important;
    }
    .textcontent p span {
        font-size: 30px !important;
    }
	.imgclass {
		height: auto;
		width: 1150px !important;
	}
    

}




/* special */
@media (max-width: 800px) and (min-width: 701px) {
    .widthlms-sm {
        width: 60% !important;
    }
}
@media (max-width: 700px) {
    .widthlms-sm {
        width: 100% !important;
    }
}