
.row {
    margin-right: -15px;
    margin-left: -8px;
}
.reg-link {
    font-size: 14px !important;
    font-weight: 500 !important;
}

input[type=checkbox], input[type=radio] {
    margin: 6px -111px 1px -122px !important;
}

h6.reg-link {
    margin: -20px 0 20px 36px;
}
.border-line {
    height: 100px !important;
}

.reg-res {
    width: 100%;
    display: contents;
}

    .reg-res input {
        margin: 0;
    }

@media screen and (max-width: 1280px) and (max-height: 800px) {
    input[type=checkbox], input[type=radio] {
        margin: 4px 0 1px -107px !important;
    }
    .border-line {
        height: 72% !important;
    }
}

@media screen and (max-width: 1024px) and (max-height: 1366px) {
    input[type=checkbox], input[type=radio] {
        margin: 4px -184px 1px -166px !important;
    }

    .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    div#create-col {
        padding: 0 100px 0 25px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 1024px) and (max-height: 600px) {

    #create-col {
        margin-top: 15px !important;
    }

    input[type=checkbox], input[type=radio] {
        margin: 4px -184px 1px -158px !important;
    }
    .border-line {
        height: 88% !important;
    }
    div#create-col {
        padding: 0 116px 0 20px;
    }

    .col-md-6 {
        flex: 0 0 95%;
        max-width: 95%;
    }
}
@media screen and (max-width: 912px) and (max-height: 1368px) {
    input[type=checkbox], input[type=radio] {
        margin: 5px -184px 1px -179px !important;
    }
    .border-line {
        height: 190px !important;
    }
}



@media screen and (max-width: 853px) and (max-height: 1280px) {
    form.form-horizontal {
        margin-left: 0;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #create-col {
        padding: 0 155px 0 20px;
    }



    div#create-col {
        padding: 0 150px 0 25px;
    }


    input[type=checkbox], input[type=radio] {
      margin: 6px -74px 1px -86px !important;
    }
}
    @media screen and (max-width: 820px) and (max-height: 1180px) {
        input[type=checkbox], input[type=radio] {
            margin: 4px -170px 1px -148px !important;
        }

        div#create-col {
            padding: 0 145px 0 25px;
            margin-top: 20px;
        }
    }

    @media screen and (max-width: 768px) and (max-height: 1024px) {
        input[type=checkbox], input[type=radio] {
            margin: 4px -165px 1px -137px !important;
        }
    }

    @media screen and (max-width: 540px) and (max-height: 720px) {
        input[type=checkbox], input[type=radio] {
            margin: 16px -100px -12px -81px !important;
        }
        .border-line {
            height: 110px !important;
        }
        div#create-col {
            padding: 0 72px 0 25px;
        }
    }

    @media screen and (max-width: 375px) and (max-height: 667px) {
        input[type=checkbox], input[type=radio] {
            margin: 4px 0 1px -133px !important;
        }

        h6.reg-link {
            margin: -22px 0 20px 30px;
        }

        button#\#btnSelected {
            margin-left: 10px;
            max-width: 134%;
        }
    }

    @media screen and (max-width: 499px) {
        #create-col {
            padding: 0 120px 0 20px;
        }

        .col-md-6 {
            flex: 0 0 95%;
            max-width: 95%;
        }

        img#TempLogoExpert {
            margin-left: -40px;
        }

        p.reg-subtext {
            margin-left: -15px;
        }

        text.signup-text {
            margin-left: -10px;
        }
    }



    @media screen and (max-width: 430px) and (max-height: 932px) {

        input[type=checkbox], input[type=radio] {
            margin: 9px -146px -8px -126px !important;
        }

        div#create-col {
            padding: 0 112px 0 25px;
        }
    }

    @media screen and (max-width: 414px) and (max-height: 896px) {

        input[type=checkbox], input[type=radio] {
            margin: 8px -142px 0 -118px !important;
        }
    }

    @media screen and (max-width: 412px) and (max-height: 915px) {


        input[type=checkbox], input[type=radio] {
            margin: 13px -124px -10px -118px !important;
        }
        .border-line {
            height: 115px !important;
        }
    }

    @media screen and (max-width: 390px) and (max-height: 844px) {


        input[type=checkbox], input[type=radio] {
            margin: 10px -132px 0 -104px !important;
        }

        div#create-col {
            padding: 0 95px 0 20px;
        }
    }
@media screen and (max-width: 375px) and (max-height: 667px) {
    input[type=checkbox], input[type=radio] {
        margin: 13px -152px 0 -128px !important;
    }
}
    @media screen and (max-width: 360px) and (max-height: 740px) {
        input[type=checkbox], input[type=radio] {
            margin: 10px -102px -8px -119px !important;
        }
    }

    @media screen and (max-width: 344px) and (max-height: 882px) {
        input[type=checkbox], input[type=radio] {
            margin: 0 -31px 0 -109px !important;
        }
        
        div#create-col {
            padding: 0 95px 0 20px;
        }
    }
