/*body {
    background-color:white;
    background-image:url("/Content/Images/left-yellow.png")
}*/

/*.login1 {
    
  
}*/
    /* background-color: #fdd600; */
    /* background: rgba(0, 0, 0, 0.6); */
    

.login {
    margin-top: -3% !important;
    margin-bottom: 0% !important;
    width: 40%;
    height: 250px;
    border: none;
    /* background-color: #fdd600; */
    /* background: rgba(0, 0, 0, 0.6); */
    padding-top: 4%;
    border-radius: 4px 4px;
    text-align: center;
    min-width: 300px;
}

.bg-login {
    margin: 8px 20px 20px 20px !important;
    /* margin-top: -3% !important; */
    /* margin-bottom: 2% !important; */
    /* width: 99%; */
    height: 250px;
    border: none;
    /* padding-top: 4%; */
    border-radius: 12px;
    text-align: center;
    /* min-width: 300px; */
    background: #ffffffbd;
}

@media (min-width:992px) {
    .bg-login {
        margin: 0px 350px 10px 355px !important;
        height: 281px;
    }
}

@media (min-device-width : 1024px) {
    .bg-login {
        margin: 0px 370px 10px 370px !important;
        height: 281px;
    }
}

@media (min-device-width : 1124px) {
    .bg-login {
        margin: 0px 370px 10px 370px !important;
        height: 281px;
    }
}


@media (min-width:1350px) {
    .bg-login { 
        margin: 0px 535px 10px 535px !important;
        height: 300px;
    }
}

@media (min-width:1800px) {
    .bg-login {
        margin: 0px 690px 10px 795px !important;
        height: 300px;
    }
}

@media (min-width:px) {
    .bg-login {
        margin: 0px 550px 10px 550px !important;
        height: 300px;
    }
}

       .header {
            background: url("header-bg.jpg") repeat-x;
            width: 100%;
            height: auto;
            padding-top: 30px;
        }

        .logo {
            background: url("Images/logoUT.png") no-repeat;
            width: 230px;
            height: 33px;
            display: block;
            text-indent: -999px;
        }

        .wrapper {
            padding: 0;
            margin: 0 auto;
            width: 885px;
        }

        .wrappp {
            min-height: 100% !important;
            height: auto !important;
            margin: 0 auto -60px !important;
            padding: 0 0 60px !important;
            background: white !important;
            /*background: url("Images/BLogin.png") !important;*/
        }

        .footer {
            width: 100%;
            height: auto;
            background: url("header-bg.jpg") repeat-x;
            color: black;
        }

        .text-footer {
            color: black;
            margin: 20px;
        }

        @media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
            .banner1 {
                display: none;
            }

            #product {
                margin-bottom: 40px;
            }
        }

        @media only screen and (min-device-width : 768px) and (max-device-width : 2560px) {
            .banner2 {
                display: none;
            }

            #product {
                margin-bottom: 40px;
            }
        }

        .img {
            width: 100%;
            height: auto;
            background-size: 100% 100%;
        }

        .navbar-brand {
            font-size: 1.25rem;
            line-height: inherit;
            display: inline-block;
            margin-right: 1rem;
            padding-top: .0625rem;
            padding-bottom: .0625rem;
            white-space: nowrap;
        }

            .navbar-brand:hover,
            .navbar-brand:focus {
                text-decoration: none;
            }

        .pt-0,
        .py-0 {
            padding-top: 0 !important;
        }

        .card-body {
            padding: -1px 0px 125px 0px !important;
            flex: 1 1 auto !important;
            border-radius: 15px !important;
            background-color: #fafafae3 !important;
            margin: 31px 20px 12px 20px !important;
        }

        .card-bg {
            padding: -1px 0px 125px 0px !important;
            flex: 1 1 auto !important;
            border-radius: 15px !important;
            background-color: #fafafae3 !important;
            margin: 31px 20px 12px 20px !important;
        }

        .icon-radius {
            display: inline-flex !important;
            padding: 12px !important;
            text-align: center !important;
            border-radius: 50% !important;
            align-items: center !important;
            justify-content: center !important;
        }

        .col-6 {
            width: 100%;
        }

        .card-bodyy {
            border-radius: 4px !important;
            margin-bottom: 20px !important;
            border: 1px solid #ffd600 !important;
            padding: 20px !important;
        }

        .thumbnaill {
            display: block !important;
            padding: 38px !important;
            margin-bottom: 20px !important;
            line-height: 1.42857143 !important;
            background-color: #fff !important;
            border: 1px solid #ddd !important;
            border-radius: 4px !important;
            -webkit-transition: all .2s ease-in-out !important;
            transition: all .2s ease-in-out !important;
            border-color: #999 !important;
            margin: 0 !important;
        }

        #inline {
            margin: 15px auto;
            padding: 0;
        }

            #inline li {
                display: inline;
                margin-left: 15px;
                margin-right: 15px;
            }