/* Required height of parents of the Half Page Carousel for proper displaying carousel itself */
html,
body,
.view {
    height: 100%;
}

@media (max-width: 740px) {
    .full-page-intro {
        height: 1000px;
    }
}

/* Half Page Carousel itself*/
.carousel {
    height: 50%;
}

.carousel .carousel-inner {
    height: 100%;
}

.carousel .carousel-inner .carousel-item,
.carousel .carousel-inner .active {
    height: 100%;
}

/* Adjustment for mobile devices*/
@media (max-width: 776px) {
    .carousel {
        height: 100%;
    }
}

/* Navbar animation */
.navbar {
    background-color: #f0f0f0;
    padding:0px;
}

.top-nav-collapse {
    background-color: #f0f0f0;
}

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
    .navbar {
        background-color: #f0f0f0;
    }
}

/* Footer color for sake of consistency with Navbar */
.page-footer {
    background-color: #f0f0f0;
}

html,
body,
header,
.view {
    height: 100%;
}

@media (max-width: 740px) {
    html,
    body,
    header,
    .view {
        height: 1000px;
    }
    .headtxt{
        pading-left:10px;
        pading-right:10px;
    }
    .nav-item a {
        color: #373737;
        padding-top:22px;
        padding-bottom: 22px;
        font-size:12px;
    }
    .carousel-caption1 {
        margin-top:20px;
        color: #fff;
        text-align: center;
    }
    .brand-img{
        width:28px;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    html,
    body,
    header,
    .view {
        height: 650px;
    }
    .nav-item a {
        color: #373737;
        padding-top:22px;
        padding-bottom: 22px;
        font-size:18px;
    }
    .carousel-caption1 {
        position: absolute;
        right: 15%;
        top: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }
    .brand-img{
        width:60px;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {

    }
    .nav-item a {
        color: #373737;
        padding-top:22px;
        padding-bottom: 22px;
        font-size:18px;
    }
    .carousel-caption1 {
        position: absolute;
        right: 15%;
        top: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }
    .brand-img{
        width:60px;
    }
}

@media (min-width: 1040px) {
    .headtxt{
        font-size:43px;
    }
    .headinfo{
        font-size:26px;
    }
    .nav-item a {
        color: #373737;
        padding-top:22px;
        padding-bottom: 22px;
        font-size:18px;
    }
    .carousel-caption1 {
        position: absolute;
        right: 15%;
        top: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }
    .brand-img{
        width:60px;
    }
}



.nav-item a.active {
    color: white;
    background: linear-gradient(rgb(39,221,230), rgb(41,173,254));
}

.downBtn {
    background-image: url(/v3/img/anniu.png);
    /* width: 200px; */
    padding: 5px 25px 7px 25px;
    border-radius: 20px;
    font-size:22px;
    text-align: center;
    color: white;
    background-position: center;
    text-decoration: none;
}

a:link {
    text-decoration: none;

}

a:visited {
    text-decoration: none;

}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}
h3.title1{
    color: #0291ff;
    margin-top:20px;
    font-size:32px;

}
h4.tilte1{
    color: #0291ff;
    margin-top:20px;
    font-size:28px;
}
h5.title2{
    color: #0291ff;
    font-size:20px;
}
h4.title2{
    color: #0291ff;
    font-size:24px;
}
.page-footer p{
    color:white;
    font-size:12px;
}
.page-footer a{
    color:white;
}
.navbar-brand{
    padding-left: 15px;
}