/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Class
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.g-service-items .item {
    width: 50%
}

/*
------------------------------
*/

.g-product-items {
    grid-template-columns: 1fr 1fr;
}

/*
------------------------------
*/

.g-blog-items .item {
    width: 50%;
}

/*
------------------------------
*/
.g-cover-head {
    padding-bottom: 66.667%;
}

/*
------------------------------
*/
.g-gallery .vr-tag-cover-1-1 {
    padding-bottom: 56.25%
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#footerLetter {
    width: 80%;
}

#footerLetter > form {
    width: 70%;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Home page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#banner .cover {
    padding-bottom: 100vh
}

#service .service-items h2 {
    font-size: 3em;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Product Single page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#productSingle .sales {
    display: flex;
    justify-content: space-between;
}
#productSingle .sales > * {
    width: 30%;
}
#productSingle .sales > * > * {
    width: 100%;
}
#productSingle .sales > * > strong {
    margin-top: 1rem;
    font-size: 1.2em;
}

#productSingle .props > * {
    width: 45%;
}

#serviceSingle .g-agent {
    width: 60%;
    margin: 10rem auto 0 auto;
}

#productSingle .other .frame {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2rem;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Product Single page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#productSingle aside {
    width: 60%;
    margin: 7rem auto 0 auto;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Blog Single page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#blogSingle .fb-share {
    width: auto;
}
#blogSingle .body {
    width: var(--wrap-width);
    padding: 4rem;
}
#blogSingle .vr-paragraph {
    max-width: 90%;
}
#blogSingle .vr-paragraph img {
    max-width: 110%;
}

#blogSingle.promotion .fb-share {
    transform: translate(-50%, -50%);
}


#blogSingle.gallery .body {
    padding: 7rem 0 0 0;
}
#blogSingle.gallery .images {
    column-count: 2
}



/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Contact
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#contact .map {
    padding-bottom: 66.667%
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Search
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#searchResult .item .L {
    width: 25%
}
#searchResult .item .R {
    width: 70%
}
#searchResult .item h3 {
    margin-top: 0;
    font-weight: 300;
    font-size: 1.5em;
}


/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Gallery
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.ui-gallery-items {
    grid-template-columns: 1fr 1fr
}

#gallerySingle .images {
    column-count: 2;
}