@font-face {
    font-family: Julietta;
    src:    url('/fonts/Julietta-Messie-Demo.otf') format('opentype'),
            url('/fonts/Julietta-Messie-Demo.ttf')  format('truetype');
}

html,
body{
	background: #eceeee;
    width: 100%;
    height: 100%;
	font-size: 16px;
	line-height: 22px;
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        html,
        body{
            font-size: 8px;
            line-height: 11px;
        }
        
    }
}



.scroll-snap-y{
    overflow-x: hidden;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    -webkit-overflow-scrolling: touch;
    align-items: center;
}
.scroll-snap-y .scroll-snap{
    scroll-snap-align: start;
}


h1,
h2,
h3,
h4,
h5,
.font-title{
	margin: 0px;
	font-family: 'Bebas Neue', arial;
	text-transform: uppercase;
}

.font-accent{
    font-family: Julietta,cursive;
}

.font-large{
    font-size: 75px;
    line-height: 60px;
}
.font-normal{
    font-size: 16px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}


.df {
    display: flex;
}
.dif {
    display: inline-flex;
}

.bg-linear{
	background: linear-gradient(to right,#48595d,#508076);
}

.color-normal{
	color: #767676;
}

.drop-shadow-10{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.drop-shadow-20{
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
}
.drop-shadow-30{
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
}
.drop-shadow-40{
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
}
.drop-shadow-50{
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
}
.drop-shadow-100{
    box-shadow: 0 0 100px 0 rgba(0,0,0,0.2);
}

.drop-shadow-10-01{
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.drop-shadow-20-01{
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
.drop-shadow-30-01{
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
}
.drop-shadow-40-01{
    box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);
}
.drop-shadow-50-01{
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
}
.drop-shadow-100-01{
    box-shadow: 0 0 100px 0 rgba(0,0,0,0.1);
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .drop-shadow-10{
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
    }
    .drop-shadow-20{
        box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
    }
    .drop-shadow-30{
        box-shadow: 0 0 60px 0 rgba(0,0,0,0.2);
    }
    .drop-shadow-40{
        box-shadow: 0 0 80px 0 rgba(0,0,0,0.2);
    }
    .drop-shadow-50{
        box-shadow: 0 0 100px 0 rgba(0,0,0,0.2);
    }
    .drop-shadow-100{
        box-shadow: 0 0 200px 0 rgba(0,0,0,0.2);
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        .drop-shadow-10{
            box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
        }
        .drop-shadow-20{
            box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);
        }
        .drop-shadow-30{
            box-shadow: 0 0 30px 0 rgba(0,0,0,0.2);
        }
        .drop-shadow-40{
            box-shadow: 0 0 40px 0 rgba(0,0,0,0.2);
        }
        .drop-shadow-50{
            box-shadow: 0 0 50px 0 rgba(0,0,0,0.2);
        }
        .drop-shadow-100{
            box-shadow: 0 0 100px 0 rgba(0,0,0,0.2);
        }    
        
    }
}


.border-left-2px{
	border-left-style: solid;
	border-left-width: 2px;
}
.border-left-3px{
	border-left-style: solid;
	border-left-width: 3px;
}
.border-left-4px{
	border-left-style: solid;
	border-left-width: 4px;
}
.border-left-5px{
	border-left-style: solid;
	border-left-width: 5px;
}
.border-right-2px{
	border-left-style: solid;
	border-right-width: 2px;
}
.border-right-3px{
	border-left-style: solid;
	border-right-width: 3px;
}
.border-right-4px{
	border-left-style: solid;
	border-right-width: 4px;
}
.border-right-5px{
	border-left-style: solid;
	border-right-width: 5px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .border-left-2px{
        border-left-style: solid;
        border-left-width: 4px;
    }
    .border-left-3px{
        border-left-style: solid;
        border-left-width: 6px;
    }
    .border-left-4px{
        border-left-style: solid;
        border-left-width: 8px;
    }
    .border-left-5px{
        border-left-style: solid;
        border-left-width: 10px;
    }
    .border-right-2px{
        border-left-style: solid;
        border-right-width: 4px;
    }
    .border-right-3px{
        border-left-style: solid;
        border-right-width: 6px;
    }
    .border-right-4px{
        border-left-style: solid;
        border-right-width: 8px;
    }
    .border-right-5px{
        border-left-style: solid;
        border-right-width: 10px;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        .border-left-2px{
            border-left-style: solid;
            border-left-width: 2px;
        }
        .border-left-3px{
            border-left-style: solid;
            border-left-width: 3px;
        }
        .border-left-4px{
            border-left-style: solid;
            border-left-width: 4px;
        }
        .border-left-5px{
            border-left-style: solid;
            border-left-width: 5px;
        }
        .border-right-2px{
            border-left-style: solid;
            border-right-width: 2px;
        }
        .border-right-3px{
            border-left-style: solid;
            border-right-width: 3px;
        }
        .border-right-4px{
            border-left-style: solid;
            border-right-width: 4px;
        }
        .border-right-5px{
            border-left-style: solid;
            border-right-width: 5px;
        }      
        
    }
}




/* ------ BUTTON ------ */
.btn {
    display: inline-block;
    padding: 18px 30px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0px;
    border: initial;
}
.btn:hover .fa {
    left: 5px;
}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){
}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ END | INTRO ------ */


/* ------ HEADER ------ */
.header-04 {
    height: 80px;
    border: none !important;
}
.header-04 .left #logo a {
    height: 80px;
}
.header-04 .left #logo a svg {
    width: auto;
    height: 100%;
}
.header-04 .right .menu-list .item:hover span {
    top: -5px;
}
.header-04 .right .menu-list .item .underline {
    height: 4px;
    bottom: 2px;
}
.header-04 .right .menu-list .item .underline > div {
    width: 0px;
}
.header-04 .right .menu-list .item:hover .underline > div{
    width: 100%;
}
.header-04 .right .menu-button {
    width: 80px;
    height: 80px;
}
/* ------ END | HEADER ------ */



/* ----- SIDE MENU ----- */
#side-menu-02 {
    width: 0%;
}
#side-menu-02.open {
    width: 100%;
}
#side-menu-02 .base {
    left: auto;
    right: -100%;
}
#side-menu-02.open .base {
    right: 0%;
}
#side-menu-02 .menu {
    width: 400px;
    transform: translateX(100%);
    box-shadow: 0 0 0px 0 rgba(50,50,50,0.3);
}
#side-menu-02.open .menu {
    transform: translateX(0%);
    box-shadow: 0 0 40px 0 rgba(50,50,50,0.3);
}
#side-menu-02 .menu .close > div,
#side-menu-02 .menu .close .fa {
    background: transparent !important;
}
#side-menu-02 .menu .row:hover .bg {
    opacity: 0.1;
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    .side-menu .menu {
        width: 100%;
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .side-menu .menu {
        width: 100%;
    }
    .side-menu.open .menu {
        transform: translateX(0%);
        box-shadow: 0 0 80px 0 rgba(50,50,50,0.3);
    }
    .side-menu .menu .row {
        padding: 60px 80px;
        font-size: 40px;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        .side-menu .menu {
            width: 100%;
        }
        .side-menu.open .menu {
            transform: translateX(0%);
            box-shadow: 0 0 40px 0 rgba(50,50,50,0.3);
        }
        
    }
}
/* ----- END | SIDE MENU ----- */



/* ----- ACCOUNT LOGIN ----- */
.account-login .container .content .sign-up {
    left: 100%;
}
.account-login .container .content .sign-up.open {
    left: 0%;
}

@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){
    .account-login .container {
        height: 100%;
    }
    .account-login .container .content {
        width: 100%;
        height: 100%;
    }
    .account-login .container .content form {
        height: calc(100% - 159px);
    }
}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){

    .account-login .container {
        height: 100%;
    }
    .account-login .container .content {
        height: 100%;
    }
    .account-login .container .content form {
        height: calc(100% - 318px);
    }
    .account-login .container .content > div > div:first-child {
        font-size: 32px;
        line-height: 40px;
    }

}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        .account-login .container {
            height: 100%;
        }
        .account-login .container .content {
            height: 100%;
        }
        .account-login .container .content form {
            height: calc(100% - 159px);
        }
        .account-login .container .content > div > div:first-child {
            font-size: 16px;
            line-height: 20px;
        }
        
    }
}
/* ----- END | ACCOUNT LOGIN ----- */


/* ------ FOOTER ------ */
.footer-04 .top .logo {
    height: 70px;
}
.footer-04 .top .logo a svg {
    width: auto;
    height: 100%;
}
.footer-04 .top form{
    width: 525px;
}
.footer-04 .top form .field {
    height: 70px;
}
.footer-04 .top form .field input {
    padding-left: 30px;
    width: calc(100% - 140px);
}
.footer-04 .top form .field .btn {
    padding: 10px;
    width: 125px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ END | FOOTER ------ */



/* ------ CALL TO ACTION - NICOLE ------ */
#call-to-action-nicole {
    min-height: 612px;
}
#call-to-action-nicole .sign-up-text {
    left: 75px;
    top: 190px;
    font-size: 295px;
}
#call-to-action-nicole .left .title {
    width: 450px;
}
#call-to-action-nicole .left .sub-title {
    width: 550px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ END | CALL TO ACTION - NICOLE ------ */



/* ------ BANNER - HOMEPAGE - TITLE, BUTTONS, PIC - 01 ------ */
#banner-homepage-title-buttons-pic-01 {
    height: 640px;
}
#banner-homepage-title-buttons-pic-01 .content .title .font-title {
    font-size: 145px;
    line-height: 90px;
}
#banner-homepage-title-buttons-pic-01 .content .title .font-accent {
    font-size: 64px;
}
#banner-homepage-title-buttons-pic-01 .content .actions .btn-border-2px {
    padding: 16px 30px;
    border-width: 2px;
    border-style: solid;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ BANNER - HOMEPAGE - TITLE, BUTTONS, PIC - 01 ------ */


/* ------ SOCIAL MEDIA - CONNECT WITH ME - 01 ------ */
#social-media-connect-with-me-01 .images{
    position: absolute;
}
#social-media-connect-with-me-01 .images .img .sizer {
    padding-bottom: 100%;
}
#social-media-connect-with-me-01 .content .text .font-title {
    font-size: 160px;
    line-height: 110px;
}
#social-media-connect-with-me-01 .content .social-media .fa{
    font-size: 50px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ END | SOCIAL MEDIA - CONNECT WITH ME - 01 ------ */



/* ------ TESTIMONIALS - 01 ------- */
#testimonials-01 .card{
    height: 290px;
}
#testimonials-01 .card .timer {
    height: 3px;
}
#testimonials-01 .card .content {
    border: solid 1px #dcdcdc;
}
#testimonials-01 .card .content .testimony {
    position: absolute;
}
#testimonials-01 .card .content .testimony .text {
    font-size: 24px;
    line-height: 30px;
}
#testimonials-01 .card .content .testimony .signature .name {
    font-size: 24px;
}
#testimonials-01 .client-love {
    top: 72px;
    font-size: 28px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ TESTIMONIALS - 01 ------- */



/* ----- BIO WITH SIGNATURE ------ */
#bio-w-signature .profile-picture {
    width: calc(100% - 500px);
}
#bio-w-signature .bio{
    margin-left: 47.5%;
}
#bio-w-signature .bio .title {
    font-size: 130px;
}
#bio-w-signature .bio .title .hey{
    left: -72px;
    top: -24px;
    font-size: 120px;
}
#bio-w-signature .bio .title .name {
    margin-bottom: 30px;
    left: -5px;
    line-height: 100px;
}
#bio-w-signature .bio .signature .name {
    left: -10px;
    font-size: 50px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ----- END | BIO WITH SIGNATURE ------ */


/* ------ TITLE, TEXT, 5 IMAGES ------ */
#title-text-5-images{
    height: 575px;
}
#title-text-5-images .images .long-image {
    width: calc(100% - 860px);
    height: 50%;
}
#title-text-5-images .images .long-image > div {
    background: linear-gradient(to right,rgba(0,0,0,0.7),rgba(0,0,0,0));
}
#title-text-5-images .images .squares {
    width: 575px;
    height: 575px;
}
#title-text-5-images .images .squares .image {
    padding-bottom: 50%;
}
#title-text-5-images .text {
    width: calc(100% - 584px);
}
#title-text-5-images .text .title{
    top: 143px;
}
#title-text-5-images .text .description {
    height: 50%;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ END | TITLE, TEXT, 5 IMAGES ------ */


/* ------ SERVICES LIST ------ */
#services-list .text .description {
    width: 290px;
}
#services-list .tiles .tile {
    width: 210px;
}

#services-list .tiles .tile .sizer {
    padding-bottom: 100%;
}
#services-list .tiles .tile .sizer .container .title {
    top: 55%;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ END | SERVICES LIST ------ */



/* ------ SERVICE DESCRIPTIONS ------ */
#service-descriptions .list .item .container {
    height: 450px;
}
#service-descriptions .list .item .container .text{
    width: 540px;
}
#service-descriptions .list .item .container .text .title {
    font-size: 60px;
    line-height: 50px;
}
#service-descriptions .list .item .cursive {
    width: 80%;
    font-size: 60px;
    line-height: 80px;
}

#service-descriptions .list .item:nth-child(2n + 2) .container .text {
    position: absolute;
    left: initial;
    right: 0px;
}
#service-descriptions .list .item:nth-child(2n + 2) .container .image {
    right: auto;
    left: 0px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ END | SERVICE DESCRIPTIONS ------ */


/* ------ IMAGE - HALF/HEIGHT ------ */
#image-half-height .sizer {
    padding-bottom: 50%;
}
#image-half-height .sizer .container img {
    width: 65.35%;
    height: auto;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ IMAGE - HALF/HEIGHT ------ */


/* ------ PLAIN TEXT - 01 ------ */
#plain-text-01 {
    font-size: 24px;
    line-height: 40px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ END | PLAIN TEXT - 01 ------ */


/* ------ CONTACT MID-TIER ------ */
#contact-details-01 .content{
    border: solid 1px rgba(255,255,255,0.3);
}
#contact-mid-tier-01 .content .super-text {
    font-size: 30px;
}
#contact-details-01 .content .title {
    font-size: 22px;
}


@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ END | CONTACT MID-TIER ------ */


/* ------ TILT PHOTO IMAGE DESCRIPTION ------ */
#tilt-photo-image-descriptions .list .item .text {
    margin-top: 60px;
}
#tilt-photo-image-descriptions .list .item .image {
    margin-top: -100px;
    width: 400px;
    top: -40px;
}
#tilt-photo-image-descriptions .list .item .image .container {
    padding-bottom: 150%;
    transform: rotate(-3deg);
}
#tilt-photo-image-descriptions .list .item.alt .image .container {
    transform: rotate(3deg);
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ END | TILT PHOTO IMAGE DESCRIPTION ------ */


/* ------ EMAIL SUBMISSION - 01 ------ */
#email-submission-01 {
    height: 640px;
}
#email-submission-01 form input {
    width: calc(100% - 152px);
}



@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

        
        
    }
}
/* ------ EMAIL SUBMISSION - 01 ------ */





@media(max-width: 1550px){}
@media(max-width: 1270px){}
@media (max-width: 1200px){}
@media (max-width: 1072px){}
@media (max-width: 838px){}
@media (max-width: 520px){}

/* ALL MOBILE */
@media only screen and (min-device-width: 320px) and (max-device-width: 736px){



}
@-moz-document url-prefix(){
    @media only screen and (min-device-width: 320px) and (max-device-width: 736px){

		
        
    }
}