/* =========================================
                Mobile Menu
============================================ */
#logo {
    font-size: 18px;
    letter-spacing: 0;
}

.navbar-header {
    position: relative;
}

#mobile-nav-open-btn {
    font-size: 30px;
    color: #f4c613;
    cursor: pointer;
    z-index: 2;
    position: absolute;
    right: 0;
    top: 6px;
    /* xxhide mobile nav open btn */
    display: none;
}

#mobile-nav {
    /* by default, mobile nav will be hidden with height 0% */
    height: 0%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    background-color: rgba(255, 255, 255, .9);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
    overflow-y: hidden;
}

#mobile-nav-close-btn {
    font-family: "Raleway", sans-serif;
    font-size: 70px;
    color: #212226;
    font-weight: 400;
    cursor: pointer;
    position: absolute;
    top: -9px;
    right: 13px;
    -webkit-transition: .3s;
    transition: .3s;
}

#mobile-nav-content {
    text-align: center;
    width: 100%;
    margin-top: 30px;
    position: relative;
    top: 10%;
}

#mobile-nav ul li {
    margin-bottom: 20px;
}

#mobile-nav a {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    color: #212226;
    font-weight: 400;
    text-transform: uppercase;
    display: inline;
    -webkit-transition: .3s;
    transition: .3s;
}

#mobile-nav a:hover,
#mobile-nav a:focus,
#mobile-nav-close-btn:hover,
#mobile-nav-close-btn:focus {
    color: #f4c613;
    background: none;
}


/* Mobile nav scroll spy active state */

.white-nav-top #mobile-nav ul.nav > li.active > a {
    color: #f4c613;
    font-weight: 500;
}


/*================================================================
Bootstrap 3 Media Queries
=================================================================*/


/*Large Devices (Desktops & Laptops)*/
@media (min-width: 1200px) {


    /*    Menu*/
    .site-nav-wrapper .container {
        margin-right: 1px;
    }

    /*    Navigation*/
    .site-nav-wrapper {
        padding: 0 20px;
    }

    /*    Referrals*/
    #referral {
        top: 85%;
    }



}


/*Medium Devices (Landscape Tablets & Medium Desktops)*/
@media (max-width:1199px) {


    .card-picture {
        background-size: cover;
        height: 400px;
        background-blend-mode: screen;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    /*cards front*/
    .section-auctions {
        height: auto;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0 15px 40px rgba(#eee, .15);
    }

    .card {
        height: auto;
        padding: 20px 0;
    }

    .card-heading {
        font-size: 35px;
        left: 30%;
        top: 47.5%;
    }

    .card-side {
        height: auto;
        font-size: 20px;
        color: #fff;
        box-shadow: none;
        position: relative;
    }


    .card-side-back {
        transform: rotateY(0);
        clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
    }

    .card:hover .card-side-front {
        transform: rotateY(0);
    }

    .card-details {
        padding: 10px 3px;
    }


    /*card cta*/

    .card-cta {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0);
        width: 100%;
        padding: 70px 40px 40px 40px;
    }

    .card-side-flip {
        display: none;
    }

    /*    Card Back*/


    .card-cta {

        margin-top: -10%;
    }


    .street-address {

        text-align: center;
        margin-top: 0px;
    }


    /*    auction ending tag*/
    .auction-enddate-card h1:nth-child(1) {
        padding-top: 10px;
    }


    .auction-enddate-card h1:nth-child(2) {
        padding-top: 90px;
    }

    .auction-enddate-card h1:nth-child(3) {
        margin-top: 80px;
    }


    .auction-enddate-card hr {
        margin-top: 80px;
    }


}

/*Medium Devices (Landscape Tablets & Medium Desktops)*/
@media (min-width: 992px) and (max-width:1199px) {

    /*    Navigation*/
    .site-nav-wrapper {
        padding: 0;
    }

    #referral {
        top: 91%;
        right: 39px;
    }
    
    

    .home-auction-content {
        display: none;
    }

    /*    Generic*/
    .vertical-heading h2 {
        font-size: 29px;
    }

    #services-01 img {
        margin: 310px 0;
        height: 550px;
    }

    /* ----------------Services--------------*/


    .composition-service-photo {
        float: left;
        margin: 0 !important;
        width: 350px !important;
        height: 200px !important;
    }

    .composition-service-photo-p1 {
        top: 20px;
        -webkit-transform: translateX(35%);
        transform: translateX(35%);
    }

    .composition-service-photo-p2 {
        top: 690px;
        left: 0;
        -webkit-transform: translateX(35%);
        transform: translateX(35%);
    }

    .composition-service-photo-p3 {
        top: 50px;
        left: 0;
        -webkit-transform: translateX(35%);
        transform: translateX(35%);
    }

    .composition-service-photo-p4 {
        top: 60px;
        left: 0;
        -webkit-transform: translateX(35%);
        transform: translateX(35%);
    }

    .composition-service-photo-p5 {
        top: -565px;
        left: 0;
        -webkit-transform: translateX(35%);
        transform: translateX(35%);
    }



    /*    End Service Composition photo*/

}

/*Small Devices (Portrait Tablets & Small Desktops)*/
@media (min-width: 768px) and (max-width:991px) {


    /*    Navigation*/
    .site-nav-wrapper {
        padding: 0;
    }


    /*    Navigation menu*/
    #logo {
        font-size: 20px;
    }

    .site-nav-wrapper .container ul li a {
        /*        margin-right: -0px;*/
        font-size: 12px;
    }

    /*    Home*/
    #home-heading h1 {
        font-size: 41px;
    }

    .btn-general {
        padding: 8px 35px 8px 35px;
        font-size: 10px;
    }

    #home-btn {
        margin-top: 30px;
    }

    #home-auction-enddate,
    #timer {
        font-size: 20px;
    }


    #referral {
        margin-right: -55px;
        width: 100px;
        height: 100px;
        top: 87%;
    }

    .home-auction-content {
        display: none;
    }

    /*    About Us*/
    .vertical-heading h2 {
        font-size: 29px;
    }

    /*    Tech Statement */
    #statement h3 {
        font-size: 20px;
        line-height: 30px;
    }

    /* ----------------Services--------------*/



    .composition-service-photo {
        float: left;
        position: relative;
        margin: 0 !important;

        display: inline-block;
        width: 350px !important;
        height: 200px !important;
    }

    .composition-service-photo-p1 {
        top: 70px;
    }

    .composition-service-photo-p2 {
        top: 920px;
        left: 0;
    }

    .composition-service-photo-p3 {
        top: 180px;
        left: 0;
    }

    .composition-service-photo-p4 {
        top: 250px;
        left: 0;
    }

    .composition-service-photo-p5 {
        top: -460px;
        left: 0;
    }

    /*    End Service Composition photo*/

    #services-01 img {
        margin: 400px 0;
        height: 550px;
    }

    /* Contact */
    ul.office-details li {
        margin-right: 15px;
    }


    ul.office-details li i {
        width: 25px;
    }


}

/* Extra Small Devices (Landscape Phone & Portrait Tablets)*/
@media (max-width: 767px) {

    /*    Navigation*/

    .navbar {
        padding: 20px 0;
    }

    .site-nav-wrapper,
    .white-nav-top {
        padding: 0;
    }

    /*    show mobile-open-btn*/
    #mobile-nav-open-btn {
        display: block;

    }

    /*    Home*/
    #home-heading h1 {
        font-size: 22px;
    }

    #home-heading h1 {
        margin-bottom: 12px;
    }

    #home-btn {
        margin-top: 15px;
    }

    #home-auction-enddate,
    #timer,
    #auction-end-date {
        left: -15px;
        font-size: 15px;
        border: none;
    }

    #auction-end-date {
        font-size: 13px;
         text-align: center;
        bottom: 15px
    }

    #referral {
        margin-right: -55px;
        width: 70px;
        height: 70px;
        top: 87%;
    }

    /*    Generic*/
    .btn-general {
        padding: 8px 25px 6px 25px;
        font-size: 10px;
    }


    .home-auction-content {
        display: none;
    }

    /*    About 01 */
    /*    Large Content Box */
    .content-box-lg {
        padding: 90px 0;
    }

    /*    Vertical Heading*/
    .vertical-heading {
        text-align: center;
    }

    .vertical-heading h5 {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        display: block;
        position: static;
        margin-bottom: 15px;
    }

    .vertical-heading h2 {
        font-size: 29px;
        line-height: normal;
        margin: 0;
    }

    #about-left {
        margin-bottom: 50px;
    }

    #about-right > h2 {
        font-size: 20px;
    }

    /*    About 02*/
    /*    Medium Content Box*/
    .content-box-md {
        padding: 80px 0;
    }

    .about-item {
        padding: 55px 30px;
        margin-bottom: 35px;
    }

    .about-item i {
        font-size: 30px;
    }

    .about-item h3 {
        font-size: 18px;
    }

    #statement h3 {
        font-size: 20px;
        line-height: 30px;
    }

    /*    Services*/

    /* ----------------Services--------------*/


    .composition-service-photo {
        /*
        float: left;
        position: relative;
        width: 23.33333%; 
*/
    }

    .composition-service-photo-p1 {
        display: none;
        /*
        top: 1210px;
        transform: scale(1.2);
*/
    }

    .composition-service-photo-p2 {
        display: none;
        /*
        top: 1210px;
          left: -10px;
         transform: scale(1.3);
*/
    }

    .composition-service-photo-p3 {
        display: none;
        /*
       top: 1210px;
        left: -80px;
         transform: scale(1.2);
*/
    }

    .composition-service-photo-p4 {
        display: none;
        /*
       top: 1210px;
        transform: scale(1.2);
*/
    }

    .composition-service-photo-p5 {
        display: none;
        /*
        top: 1100px;
        transform: scale(1.2);
*/
    }






    /*    Horizontal Heading*/
    .horizontal-heading {
        margin-bottom: 40px;
    }

    .horizontal-heading h2 {
        font-size: 30px;
    }

    #services-01 img {
        margin: 35px 0;
    }

    .service,
    .service .icon {
        text-align: center;
    }

    .service h4 {
        font-size: 18px;
    }

    .service div p {
        /*        margin: 0 3px 0 3px;;*/
        /*        text-align: center;*/
        /*        text-align: justify;*/
    }


    /*    Contact */
    #contact-left {
        text-align-last: center;
    }

    .office {
        margin-bottom: 40px;
    }

    ul.office-details li {
        display: block;
        margin-top: 25px;
    }

    ul.office-details li i {
        width: auto;
        display: block;
        margin-bottom: 3px;
    }

    ul.social-list {
        margin-bottom: 40px;
    }
}

/*Extra Small Devices (Portrait Phones & Smaller Devices)*/


/* =========================================
                Card Container
============================================ */



/*
@media only screen and (max-width: 768px) {


    
    .section-auctions {
        height: auto;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0 15px 40px rgba(#eee, .15);
    }

    .card {
        height: auto;
        padding: 20px 0;
    }

    .card-heading {
        font-size: 20px;
    }

    .card-side {
        height: auto;
        font-size: 20px;
        color: #fff;
        box-shadow: none;
        position: relative; 
    } 

    .card-side-back {
        transform: rotateY(0);
        clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
    }

    .card:hover .card-side-front {
        transform: rotateY(0);
    }

    .card-details {
        padding: 10px 3px;
    }


    
    .card-cta {
        position: relative;
        top: 0%;
        left: 0%;
        transform: translate(0);
        width: 100%;
        padding: 70px 40px 40px 40px;
    }

    .card-price-box {
        margin-bottom: 30px;
    }

    .card-side-flip {
        display: none;
    } 

        Card Back 
    .card {
        padding-top: 0px;
        margin-bottom: -5px;
    }

    .card-cta {
        margin-top: -10%;
    }


    
    .auction-enddate-card h1:nth-child(1) {
        padding-top: 10px;
    }


    .auction-enddate-card h1:nth-child(2) {
        padding-top: 90px;
    }

    .auction-enddate-card h1:nth-child(3) {
        margin-top: 80px;
    }


    .auction-enddate-card hr {
        margin-top: 80px;
    }



    .street-address {
        text-align: center;
        margin-top: 0px;
    } 
}
*/



@media (max-width: 480px) {

    #home-heading h1 {
        font-size: 18px;
    }

    .vertical-heading h2 {
        font-size: 22px;
    }

    #home-auction-enddate,
    #timer {
        font-size: 12px;
        margin-left: -35px;
    }

    #referral {
        margin-right: -55px;
        width: 50px;
        height: 50px;
        top: 93%; 
    }

    .hidden-sm {
        display: none;
    }

    .card {
        padding-top: 0px;
        margin-bottom: -5px;
    }

    .card-cta {
        /*        border: 3px solid red;*/
        margin-top: -25%;
    }


    /*    Card Back Card-Back*/

    .street-address {
        text-align: center;
        margin-top: 5px;
    }

    .auction-enddate-card {
        margin-bottom: 10px;
    }


    /*    auction ending tag*/
    .auction-enddate-card h1:nth-child(1) {
        padding-top: 10px;
    }


    .auction-enddate-card h1:nth-child(2) {
        padding-top: 90px;
    }

    .auction-enddate-card h1:nth-child(3) {
        margin-top: 80px;
    }


    .auction-enddate-card hr {
        margin-top: 80px;
    }

    /* ----------------Services--------------*/
    .composition-service-photo {
        float: left;
        position: relative;
        width: 23.33333%;
    }

    .composition-service-photo-p1 {
        display: none;
        top: 1210px;
        transform: scale(1.2);
    }

    .composition-service-photo-p2 {
        display: none;
        top: 1210px;
        left: -10px;
        transform: scale(1.3);
    }

    .composition-service-photo-p3 {
        display: none;
        top: 1210px;
        left: -80px;
        transform: scale(1.2);
    }

    .composition-service-photo-p4 {
        display: none;
        top: 1210px;
        transform: scale(1.2);
    }

    .composition-service-photo-p5 {
        display: none;
        top: 1100px;
        transform: scale(1.2);
    }

}



@media only screen and (max-width: 390px) {


    .footer-form-descendant {
        padding: 6px 19px;
        vertical-align: middle;
    }
    
     #referral { 
        top: 87%;
    }



}
