* {
    margin: 0;
    padding: 0;
}


div {
    text-align: center;
}

.center {
text-align: center;
}

html {
    scroll-behavior: smooth;
}

.index_h {
    color: white;
    
}

.index_h:hover {
    color: #BEA67C;
    text-decoration: none;
}

.index_2d {
    color: white;
    font-size: 24px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    transition: 0.2s ease-out;
    text-decoration: none;
}

.index_2d:hover {
    color: #BEA67C;
    padding-bottom: 3px;
    border-bottom-style: solid;
	border-bottom-width:3px;
}

.index_3d {
    color: white;
    font-size: 24px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    transition: 0.2s ease-out;
    text-decoration: none;
}

.index_3d:hover {
    color: #BEA67C;
    padding-bottom: 3px;
    border-bottom-style: solid;
	border-bottom-width:3px;
}

.index_wall {
    color: white;
    font-size: 24px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    transition: 0.2s ease-out;
    text-decoration: none;
}

.index_wall:hover {
    color: #BEA67C;
    padding-bottom: 3px;
    border-bottom-style: solid;
	border-bottom-width:3px;
}

.index_contact {
    color: white;
    font-size: 24px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    transition: 0.2s ease-out;
    text-decoration: none;
}

.index_contact:hover {
    color: #BEA67C;
    padding-bottom: 3px;
    border-bottom-style: solid;
	border-bottom-width:3px;
}

.index_about {
    color: white;
    font-size: 24px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    transition: 0.2s ease-out;
    text-decoration: none;
}

.index_about:hover {
    color: #BEA67C;
    padding-bottom: 3px;
    border-bottom-style: solid;
	border-bottom-width:3px;
}



/* INDEX */

.header {
    min-height: 100vh;
    width: 100%;
    background-image: url("../images/index_image.webp");
    background-position: center;
    background-size: cover;
    position: absolute;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
    z-index: 7;
}

.header {
    min-height: 100vh;
    width: 100%;
    background-image: url("../images/index_image.webp");
    background-position: center;
    background-size: cover;
    position: absolute;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
    z-index: 7;
}

nav {
    display: flex;
    height: 100px;
    justify-content: space-between;
    align-items: center;  
    background: #000000;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 0px 0px 50px 50px;
    position: fixed;
	width: 100%;
    z-index: 10;
}


.nav-links {
   flex: 1;
   text-align: center;
}

.nav-links ul li {
    list-style: none;
    display: inline-block;
    padding: 8px 28px;
    position: relative;
    top: 5px;
    left: 40px;    
}

.nav-links ul li a {
    text-decoration: none;
    font-size: 24px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 400;
}

.intro {
    position: absolute;
    width: 77%;
    height: 126px;
    left: 50%;
    top: 77%;
    transform: translate(-50%,-50%);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 43px;
    text-align: justify;
    color: #FFFFFF;
}

nav .bi {
    display: none;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
     .intro {
        font-size: 16px;
        line-height: 18px;
        top: 80%;
        z-index: 1;
        width: 80%;
    }
    
    img {
        /* padding-left: 20%; */
    }
    
    nav {
        position: relative;
        border-radius: 0%;
        width: 100%;
    }
    
    .header {
        position: relative;
        /* top:0; */
        
    }
 
    .nav-links ul li {
        display: block;
        left: 10px;  
    }
    
    .nav-links {
        position: absolute;
        height: 100vh;
        width: 200px;
        top: 0;
        /* right: -200px; */
        text-align: left;
        z-index: 2;
        transition: 1s;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(6px);
    }
    
    .nav-links ul li a {
        color: white;
        font-weight: 400;
    }
    
    nav .bi {
        display: block;
        cursor: pointer;
    }
    
    .nav-links ul {
        padding: 15px;  
    }
    
    nav .bi-x-lg {
        color: white;
        margin-left: 30px;
        margin-top: 30px;
    }
    
    nav .bi-list {
        color: white;
        margin-right: 30px;
        margin-top: 5px;
    }

}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){

    .intro {
        font-size: 16px;
        line-height: 18px;
        top: 81%;
        z-index: 1;
        width: 80%;
    }
    
    img {
        /* padding-left: 20%; */
    }
    
    nav {
        position: relative;
        width: 100%;
        border-radius: 0%;
    }
    
    .header {
        position: absolute;
        top:0;
    }
  
    .nav-links ul li {
        display: block;
        left: 10px;
    } 
    
    .nav-links {
        position: absolute;
        height: 100vh;
        width: 200px;
        top: 0;
        right: -200px;
        text-align: left;
        z-index: 2;
        transition: 1s;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(6px);
    }
    
    .nav-links ul li a {
        color: white;
        font-weight: 400;
    }
    
    nav .bi {
        display: block;
        cursor: pointer;
    }
    
    .nav-links ul {
        padding: 15px;  
    }
    
    nav .bi-x-lg {
        color: white;
        margin-left: 30px;
        margin-top: 30px;
    }
    
    nav .bi-list {
        color: white;
        margin-right: 30px;
        margin-top: 5px;
    }
    
}

@media (min-width: 425px ) and (max-width: 768px) {
    
    .intro {
        font-size: 18px;
        line-height: 22px;
        top: 80%;
        z-index: 1;
        width: 80%;
    }
    
    img {
        padding-left: 20%;
    }
    
    nav {
        position: relative;
        width: 100%;
    }
    
    .header {
        position: absolute;
        top:0;
       
    }

    .nav-links ul li {
        display: block;
        left: 10px; 
    }
    
    .nav-links {
        position: absolute;
        height: 100vh;
        width: 200px;
        top: 0;
        right: -200px;
        text-align: left;
        z-index: 2;
        transition: 1s;
        background: rgba(0, 0, 0, 0.7);
        backdrop-filter: blur(6px);
    }
    
    .nav-links ul li a {
        color: white;
        font-weight: 400;
    }
    
    nav .bi {
        display: block;
        cursor: pointer;
    }
    
    .nav-links ul {
        padding: 15px;
        
    }
    nav .bi-x-lg {
        color: white;
        margin-left: 30px;
        margin-top: 30px;
    }
    
    nav .bi-list {
        color: white;
        margin-right: 30px;
        margin-top: 5px;
    }
    
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .header {
        min-height: 100vh;
        width: 100%;
        background-image: url("../images/index_image.webp");
        background-position: center;
        background-size: cover;
        position: absolute;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
        z-index: 7;
        top: 0;
    }

    nav {
        display: flex;
        height: 100px;
        justify-content: space-between;
        align-items: center;  
        background: #000000;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        border-radius: 0px 0px 50px 50px;
        position: relative;
        width: 100%;
        z-index: 10;
    }

    img {
        padding-left: 80%;

    }

    .nav-links {
       flex: 1;
       text-align: center;
    }

    .nav-links ul li {
        list-style: none;
        display: inline-block;
        padding: 8px 16px;
        position: relative;
        top: 5px;
        left: 30px;    
    }

    .nav-links ul li a {
        color: white;
        text-decoration: none;
        font-size: 22px;
        font-family: 'Advent Pro', sans-serif;
        font-weight: 200;
    }

    .intro {
        position: absolute;
        width: 77%;
        height: 126px;
        left: 50%;
        top: 80%;
        transform: translate(-50%,-50%);
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 30px;
        text-align: justify;
        color: #FFFFFF;
    }

    nav .bi {
        display: none;
    }
    
}

.material_bg {
    background-image:url("../images/Hexagon-Pattern1.webp");
    position: absolute;
	height: 2140px;
    width: 100%;
	top: 795px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
    background-attachment: fixed;
    background-position: center;
	background-size: cover; 
    z-index: 6;
}

.mater {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 130px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    font-size: 48px;
    color: #FFFFFF;
}

.goldline {
    position: absolute;
    left: 160px;
    right: 9.65%;
    padding-top: 20px;
    border-color: #BEA67C;
    mix-blend-mode: normal;
    border-bottom-style: solid;
	border-bottom-width:1px;
}

.anim {
	transition:transform .3s ease-out;
}

.anim:hover {
    transform:scale(1.1);
}

.mdf {
    background-image:url("../images/mdf.webp");
    position: absolute;
    width: 493px;
    height: 329px;
    left: 220px;
    top: 350px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.wooden_ply {
    background-image:url("../images/wooden_ply.webp");
    position: absolute;
    width: 493px;
    height: 329px;
    left: 820px;
    top: 350px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.cement_sheet {
    background-image:url("../images/cement_sheet.webp");
    position: absolute;
    width: 493px;
    height: 329px;
    left: 220px;
    top: 780px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.metal {
    background-image:url("../images/metal.webp");
    position: absolute;
    width: 493px;
    height: 329px;
    left: 820px;
    top: 780px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.brass {
    background-image:url("../images/brass.webp");
    position: absolute;
    width: 493px;
    height: 329px;
    left: 220px;
    top: 1210px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.acrylic {
    background-image:url("../images/acrylic.webp");
    position: absolute;
    width: 493px;
    height: 329px;
    left: 820px;
    top: 1210px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.corian {
    background-image:url("../images/corian.webp");
    position: absolute;
    width: 493px;
    height: 329px;
    left: 220px;
    top: 1640px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.pvc {
    background-image:url("../images/pvc.webp");
    position: absolute;
    width: 493px;
    height: 329px;
    left: 820px;
    top: 1640px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat; 
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
    .material_bg {
        position: relative;
        height: 1780px;
        width: 100%;
        top: 0%; 
    }
    
    .mater {
        width: 80%;
        margin: auto;
        padding-top: 50px;
        font-size: 28px;
    }

    .goldline {
        position: absolute;
        left: 35px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }
    
    .mdf {
        background-image:url("../images/mdf_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;
        top: 150px;
        height: 150px;
        width: 250px;
    }
    
    .wooden_ply {
        background-image:url("../images/wooden_ply_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;
        top: 350px;
        height: 150px;
        width: 250px;
    }
    
    .cement_sheet {
        background-image:url("../images/cement_sheet_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;
        top: 550px;
        height: 150px;
        width: 250px;
    }
    
    .metal {
        background-image:url("../images/metal_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;
        top: 750px;
        height: 150px;
        width: 250px;
    }
    
    .brass {
        background-image:url("../images/brass_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;
        top: 950px;
        height: 150px;
        width: 250px;
    }
    
    .acrylic {
        background-image:url("../images/acrylic_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;
        top: 1150px;
        height: 150px;
        width: 250px;
    }
    
    .corian {
        background-image:url("../images/corian_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;
        top: 1350px;
        height: 150px;
        width: 250px;
    }
    
    .pvc {
        background-image:url("../images/pvc_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;
        top: 1550px;
        height: 150px;
        width: 250px;
    }
    
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
     .material_bg {
        position: absolute;
        height: 1780px;
        width: 100%;
        top: 625px; 
    }
    
     .mater{
        width: 80%;
        margin: auto;
        padding-top: 80px;
        font-size: 28px;
    }

    .goldline {
        position: absolute;
        left: 35px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }
    
    .mdf {
        background-image:url("../images/mdf_res.webp");
        left: 60px;
        top: 180px;
    }
    
    .wooden_ply {
        background-image:url("../images/wooden_ply_res.webp");
        left: 60px;
        top: 380px;
    }
    
    .cement_sheet {
        background-image:url("../images/cement_sheet_res.webp");
        left: 60px;
        top: 580px;
    }
    
    .metal {
        background-image:url("../images/metal_res.webp");
        left: 60px;
        top: 780px;
    }
    
    .brass {
        background-image:url("../images/brass_res.webp");
        left: 60px;
        top: 980px;
    }
    
    .acrylic {
        background-image:url("../images/acrylic_res.webp");
        left: 60px;
        top: 1180px;
    }
    
    .corian {
        background-image:url("../images/corian_res.webp");
        left: 60px;
        top: 1380px;
    }
    
    .pvc {
        background-image:url("../images/pvc_res.webp");
        left: 60px;
        top: 1580px;
    }
    
}

@media (min-width: 425px ) and (max-width: 768px) {
    
    .material_bg {
        position: absolute;
        height: 1780px;
        width: 100%;
        top: 625px;
    }
    
    .mater {
        width: 80%;
        margin: auto;
        padding-top: 80px;
        font-size: 28px;
    }

    .goldline {
        position: absolute;
        left: 35px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }
    
    .mdf {
        background-image:url("../images/mdf_res.webp");
        left: 85px;
        top: 180px;
    }
    
    .wooden_ply {
        background-image:url("../images/wooden_ply_res.webp");
        left: 85px;
        top: 380px;
    }
    
    .cement_sheet {
        background-image:url("../images/cement_sheet_res.webp");
        left: 85px;
        top: 580px;
    }
    
    .metal {
        background-image:url("../images/metal_res.webp");
        left: 85px;
        top: 780px;
    }
    
    .brass {
        background-image:url("../images/brass_res.webp");
        left: 85px;
        top: 980px;
    }
    
    .acrylic {
        background-image:url("../images/acrylic_res.webp");
        left: 85px;
        top: 1180px;
    }
    
    .corian {
        background-image:url("../images/corian_res.webp");
        left: 85px;
        top: 1380px;
    }
    
    .pvc {
        background-image:url("../images/pvc_res.webp");
        left: 85px;
        top: 1580px;
    }
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .material_bg {
        position: absolute;
        height: 1050px;
        width: 100%;
        top: 625px;
    }
    
    .mater {
        width: 80%;
        margin: auto;
        padding-top: 80px;
        font-size: 32px;
    }

    .goldline {
        position: absolute;
        left: 90px;
        right: 8%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }
    
    .mdf {
        background-image:url("../images/mdf_res.webp");
        left: 210px;
        top: 200px;
    }
    
    .wooden_ply {
        background-image:url("../images/wooden_ply_res.webp");
        left: 570px;
        top: 200px;
    }
    
    .cement_sheet {
        background-image:url("../images/cement_sheet_res.webp");
        left: 210px;
        top: 400px;
    }
    
    .metal {
        background-image:url("../images/metal_res.webp");
        left: 570px;
        top: 400px;
    }
    
    .brass {
        background-image:url("../images/brass_res.webp");
        left: 210px;
        top: 600px;
    }
    
    .acrylic {
        background-image:url("../images/acrylic_res.webp");
        left: 570px;
        top: 600px;
    }
    
    .corian {
        background-image:url("../images/corian_res.webp");
        left: 210px;
        top: 800px;
    }
    
    .pvc {
        background-image:url("../images/pvc_res.webp");
        left: 570px;
        top: 800px;
    }
    
}
    
.work {
    position: absolute;
    width: 100%;
    height: 950px;
    top: 2930px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
    background: #2B2B2B;
    background-position: center;
	background-size: cover; 
    z-index: 5;
}

.worked_for {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 130px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    font-size: 48px;
    color: #FFFFFF;
}

.goldline1 {
    position: absolute;
    left: 160px;
    right: 9.65%;
    padding-top: 20px;
    border-color: #BEA67C;
    mix-blend-mode: normal;
    border-bottom-style: solid;
	border-bottom-width:1px;
}

.comfort_inn {
    background-image:url("../images/comfort_inn.webp");
    position: absolute;
    width: 228px;
    height: 205px;
    left: 200px;
    top: 300px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.65));
    background-repeat: no-repeat;
    transition: 0.2s ease-out;
    margin: auto;
    display: block;
}

.blue_lagoon {
    background-image:url("../images/blue_lagoon.webp");
    position: absolute;
    width: 228px;
    height: 205px;
    left: 200px;
    top: 600px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.laxmi {
    background-image:url("../images/laxmi.webp");
    position: absolute;
    width: 228px;
    height: 205px;
    left: 500px;
    top: 300px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.krishna {
    background-image:url("../images/kk.webp");
    position: absolute;
    width: 228px;
    height: 205px;
    left: 500px;
    top: 600px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.mandap {
    background-image:url("../images/mandap.webp");
    position: absolute;
    width: 228px;
    height: 205px;
    left: 800px;
    top: 300px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.sfw {
    background-image:url("../images/sfw.webp");
    position: absolute;
    width: 228px;
    height: 205px;
    left: 800px;
    top: 600px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.apple {
    background-image:url("../images/apple_grand.webp");
    position: absolute;
    width: 228px;
    height: 205px;
    left: 1100px;
    top: 300px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.gym_360 {
    background-image:url("../images/360.webp");
    position: absolute;
    width: 228px;
    height: 205px;
    left: 1100px;
    top: 600px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
    .work {
        position: relative;
        height: 680px;
        width: 100%;
        top: 0px;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        background-position: center;
        background-size: cover; 
        background: #2B2B2B;
    }
    
    .worked_for {
        width: 80%;
        margin: auto;
        padding-top: 50px;
        font-size: 28px;
    }

    .goldline1 {
        position: absolute;
        left: 35px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }
    
    .comfort_inn {
        background-image:url("../images/comfort_inn_res.webp");
        left: 18%;
        top: 150px;
        height: 100px;
        width: 100px;
    }

    .blue_lagoon {
        background-image:url("../images/blue_lagoon_res.webp");
        left: 55%;
        top: 270px;
        height: 100px;
        width: 100px;
    }

    .laxmi {
        background-image:url("../images/laxmi_res.webp");
        left: 55%;
        top: 150px;  
        height: 100px;
        width: 100px;
    }

    .krishna {
        background-image:url("../images/kk_res.webp");
        left: 18%;
        top: 270px;
        height: 100px;
        width: 100px;
    }

    .mandap {
        background-image:url("../images/mandap_res.webp");
        left: 18%;
        top: 390px; 
        height: 100px;
        width: 100px;    
    }

    .sfw {
        background-image:url("../images/sfw_res.webp");
        left: 55%;
        top: 390px;
        height: 100px;
        width: 100px;
    }

    .apple {
        background-image:url("../images/apple_grand_res.webp");
        left: 18%;
        top: 510px;
        height: 100px;
        width: 100px;
    }

    .gym_360 {
        background-image:url("../images/360_res.webp");
        left: 55%;
        top: 510px;
        height: 100px;
        width: 100px;
    }
    
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
    .work {
        position: absolute;
        height: 680px;
        width: 100%;
        top: 2400px;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        background-position: center;
        background-size: cover; 
        background: #2B2B2B;
    }
    
    .worked_for {
        width: 80%;
        margin: auto;
        padding-top: 80px;
        font-size: 28px;
    }

    .goldline1 {
        position: absolute;
        left: 35px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }
    
    .comfort_inn {
        background-image:url("../images/comfort_inn_res.webp");
        left: 70px;
        top: 170px;
    }

    .blue_lagoon {
        background-image:url("../images/blue_lagoon_res.webp");
        left: 70px;
        top: 290px;
    }

    .laxmi {
        background-image:url("../images/laxmi_res.webp");
        left: 200px;
        top: 170px;  
    }

    .krishna {
        background-image:url("../images/kk_res.webp");
        left: 200px;
        top: 290px;
    }

    .mandap {
        background-image:url("../images/mandap_res.webp");
        left: 70px;
        top: 410px;     
    }

    .sfw {
        background-image:url("../images/sfw_res.webp");
        left: 200px;
        top: 410px;
    }

    .apple {
        background-image:url("../images/apple_grand_res.webp");
        left: 70px;
        top: 530px;
    }

    .gym_360 {
        background-image:url("../images/360_res.webp");
        left: 200px;
        top: 530px;
    }
    
}

@media (min-width: 425px ) and (max-width: 768px) {
    
    .work {
        position: absolute;
        height: 680px;
        width: 100%;
        top: 2400px;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        background-position: center;
        background-size: cover; 
        background: #2B2B2B;
    }
    
    .worked_for {
        width: 80%;
        margin: auto;
        padding-top: 80px;
        font-size: 28px;
    }

    .goldline1 {
        position: absolute;
        left: 35px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }
    
    .comfort_inn {
        background-image:url("../images/comfort_inn_res.webp");
        left: 90px;
        top: 170px;
    }

    .blue_lagoon {
        background-image:url("../images/blue_lagoon_res.webp");
        left: 90px;
        top: 290px;
    }

    .laxmi {
        background-image:url("../images/laxmi_res.webp");
        left: 230px;
        top: 170px;  
    }

    .krishna {
        background-image:url("../images/kk_res.webp");
        left: 230px;
        top: 290px;
    }

    .mandap {
        background-image:url("../images/mandap_res.webp");
        left: 90px;
        top: 410px;     
    }

    .sfw {
        background-image:url("../images/sfw_res.webp");
        left: 230px;
        top: 410px;
    }

    .apple {
        background-image:url("../images/apple_grand_res.webp");
        left: 90px;
        top: 530px;
    }

    .gym_360 {
        background-image:url("../images/360_res.webp");
        left: 230px;
        top: 530px;
    }
    
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .work {
        position: absolute;
        height: 550px;
        width: 100%;
        top: 1645px;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        background-position: center;
        background-size: cover; 
        background: #2B2B2B;
    }
    
    .worked_for{
        width: 80%;
        margin: auto;
        padding-top: 80px;
        font-size: 32px;
    }

    .goldline1 {
        position: absolute;
        left: 90px;
        right: 8%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }
    
    .comfort_inn {
        background-image:url("../images/comfort_inn_res.webp");
        left: 200px;
        top: 200px;
    }
    
    .laxmi {
        background-image:url("../images/laxmi_res.webp");
        left: 370px;
        top: 200px;  
    }
    
    .mandap {
        background-image:url("../images/mandap_res.webp");
        left: 540px;
        top: 200px;     
    }

    .apple {
        background-image:url("../images/apple_grand_res.webp");
        left: 710px;
        top: 200px;
    }
    
    .blue_lagoon {
        background-image:url("../images/blue_lagoon_res.webp");
        left: 200px;
        top: 350px;
    }

    .krishna {
        background-image:url("../images/kk_res.webp");
        left: 370px;
        top: 350px;
    }

    .sfw {
        background-image:url("../images/sfw_res.webp");
        left: 540px;
        top: 350px;
    }

    .gym_360 {
        background-image:url("../images/360_res.webp");
        left: 710px;
        top: 350px;
    }
    
}

.kind_words {
    background-image: url('../images/kind_words.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 110vh; 
    top: 3875px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-attachment: fixed;
	background-size: cover;
    z-index: 4;
}

.words_testi {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 130px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-weight: 200;
    font-size: 48px;
    color: #FFFFFF;
}

.goldline2 {
    position: absolute;
    left: 160px;
    right: 9.65%;
    padding-top: 20px;
    border-color: #BEA67C;
    mix-blend-mode: normal;
    border-bottom-style: solid;
	border-bottom-width:1px;
}

.container {
    position: absolute;
    width: 1500px;
    height: 250px;
    left: 15px;
    padding-top: 250px;
    z-index: 3;
}

.carousel-indicators {
    position: absolute;
    width: 82px;
    height: 14px;
    left: 1130px;
    top: 325px;
}

ol.carousel-indicators {
    position: absolute;
}

ol.carousel-indicators li,
ol.carousel-indicators li.active {
    margin: 5;
    border-radius: 100%;
    border: 0;
    background: #C4C4C4;
}

ol.carousel-indicators li.active {
    background: #BEA67C;
}

.owl {
    position: absolute;
    width: 1250px;
    height: 319px;
    left: 230px;
    bottom: -250px;
}

.invert {
    background-image: url("../images/inverted.webp");
    background-repeat: no-repeat;
    position: absolute;
    width: 73px;
    height: 129px;
    left: 460px;
    padding-top: 30px;
    z-index: 4;
}

.customl {
    background-image: url("../images/slide_left.webp");
    background-repeat: no-repeat;
    position: absolute;
    width: 70px;
    height: 70px;
    top: 60px;
}

.customr {
    background-image: url("../images/slide_right.webp");
    background-repeat: no-repeat;
    position: absolute;
    width: 70px;
    height: 70px;
    top: 60px;
}

.test1 {
    position: absolute;
    width: 1010px;
    height: 600px;
    top: 25px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #BEA67C;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.auth1 {
    position: absolute;
    width: 1010px;
    height: 33px;
    top: 215px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 33px;
    text-align: right;
    color: #FFFFFF;
}

.test2 {
    position: absolute;
    width: 1010px;
    height: 600px;
    top: 90px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #BEA67C;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.auth2 {
    position: absolute;
    width: 1010px;
    height: 33px;
    top: 215px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 33px;
    text-align: right;
    color: #FFFFFF;
}

.test3 {
    position: absolute;
    width: 1050px;
    height: 600px;
    top: 90px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 33px;
    text-align: center;
    color: #BEA67C;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.auth3 {
    position: absolute;
    width: 1010px;
    height: 33px;
    top: 195px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    line-height: 33px;
    text-align: right;
    color: #FFFFFF;
}

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

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
   
    .kind_words {
        display: none;
    } 
    
}

@media (min-width: 425px ) and (max-width: 768px) {
   
    .kind_words {
        display: none;
    } 
    
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .kind_words {
        background-image: url('../images/kind_words.webp');
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        height: 800px; 
        top: 2150px;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
        background-attachment: fixed;
        background-size: cover;
        z-index: 4;
    }

    .words_testi {
        width: 80%;
        margin: auto;
        text-align: center;
        padding-top: 130px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: normal;
        font-weight: 200;
        font-size: 32px;
        color: #FFFFFF;
    }

    .goldline2 {
        position: absolute;
        left: 90px;
        right: 8%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }

    .container {
        position: absolute;
        width: 1000px;
        height: 250px;
        padding-top: 230px;
        z-index: 3;
        padding-right: 35px;
    }

    .carousel-indicators {
        position: absolute;
        width: 82px;
        height: 14px;
        left: 735px;
        top: 320px;
    }

    ol.carousel-indicators {
        position: absolute;
    }

    ol.carousel-indicators li,
    ol.carousel-indicators li.active {
        margin: 5;
        border-radius: 100%;
        border: 0;
        background: #C4C4C4;
    }

    ol.carousel-indicators li.active {
        background: #BEA67C;
    }

    .owl {
        position: absolute;
        width: 700px;
        height: 319px;
        left: 160px;
        bottom: -250px;
    }

    .invert {
        background-image: url("../images/inverted.webp");
        background-repeat: no-repeat;
        position: absolute;
        width: 73px;
        height: 129px;
        left: 290px;
        padding-top: 20px;
        z-index: 4;
    }

    .customl {
        background-image: url("../images/slide_left.webp");
        background-repeat: no-repeat;
        position: absolute;
        width: 70px;
        height: 70px;
        top: 50px;
    }

    .customr {
        background-image: url("../images/slide_right.webp");
        background-repeat: no-repeat;
        position: absolute;
        width: 70px;
        height: 70px;
        top: 50px;
    }

    .test1 {
        position: absolute;
        width: 650px;
        height: 600px;
        top: 25px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
        text-align: center;
        color: #BEA67C;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .auth1 {
        position: absolute;
        width: 650px;
        height: 33px;
        top: 250px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
        text-align: right;
        color: #FFFFFF;
    }

    .test2 {
        position: absolute;
        width: 650px;
        height: 600px;
        top: 90px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
        text-align: center;
        color: #BEA67C;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .auth2 {
        position: absolute;
        width: 650px;
        height: 33px;
        top: 225px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
        text-align: right;
        color: #FFFFFF;
    }

    .test3 {
        position: absolute;
        width: 650px;
        height: 600px;
        top: 90px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
        text-align: center;
        color: #BEA67C;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .auth3 {
        position: absolute;
        width: 650px;
        height: 33px;
        top: 225px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 33px;
        text-align: right;
        color: #FFFFFF;
    }
      
}

.social_footer_index {
    position: absolute;
	width: 100%;
	height: 360px;
	top: 4700px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
    z-index: 3;
}

.dark_logo_index {
	position: absolute;
	top: 130px;
    left: 150px; 
}

.msg_box_index {
	position: absolute;
	width: 100%;
	height: 31px;
	/* left: 742px; */
	top: 160px;
}

.sse_index {
	position: absolute;
	width: 100%;
	height: 25px;
	/* left: 635px; */
	top: 220px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
}

.mail_index {
	position: absolute;
	width: 100%;
	height: 25px;
	/* left: 610px; */
	top: 260px;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #58595B;
}

.get_social_index {
	position: absolute;
	height: 33px;
	left: 1200px;
	top: 160px;
    
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
	mix-blend-mode: normal;
}

.ig {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1150px;
	top: 210px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.ig:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1230px;
	top: 210px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.fb:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1310px;
	top: 210px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.wa:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}

.social {
    overflow: hidden;
    transition:transform .2s ease-out;
}

.social:hover {
    transform:scale(1.1);
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
    .social_footer_index {
        width: 100%;
        height: 500px;
        position: relative;
        top: 0px;
        margin-top: -5%;
    }
    
    .dark_logo_index {
        display: none;
    }
    
    .msg_box_index {
        width: 100%;
        height: 31px;
        left: 0px;
        top: 150px;
    }
    
    .sse_index {
        /* left: 27px; */
        top: 200px;
        font-size: 20px;

    }
    
    .mail_index {
        left: 0px;
        top: 235px;
        font-size: 18px;
    }

    .get_social_index {
        left: 0px;
        width: 100%;
        text-align: center;
        top: 325px;
        font-size: 20px;
    }

    .ig {
        width: 53.83px;
        height: 53.83px;
        left: 20%;
        top: 370px;
    }

    .ig:hover {
    }

    .fb {
        width: 53.83px;
        height: 53.83px;
        left: 42%;
        top: 370px;
    }

    .fb:hover {
    }

    .wa {
        width: 53.83px;
        height: 53.83px;
        left: 64%;
        top: 370px;
    }

    .wa:hover {
    }
    
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
    .social_footer_index {
        width: 100%;
        height: 500px;
        top: 2985px;
    }
    
    .dark_logo_index {
       display: none;
    }
    
    .msg_box_index {
        width: 100%;
        height: 31px;
        /* left: -40px; */
        top: 150px;
    }
    
    .sse_index {
        /* left: 50px; */
        top: 200px;
        width: 100%;
        font-size: 20px;

    }
    
    .mail_index {
        /* left: 20px; */
        top: 235px;
        width: 100%;
        font-size: 18px;
    }
    
    .get_social_index {
        /* left: 150px; */
        top: 325px;
        width: 100%;
        font-size: 20px;
    }
    
    .ig {
        width: 53.83px;
        height: 53.83px;
        left: 70px;
        top: 375px;
    }
    
    .ig:hover {
    }

    .fb {
        width: 53.83px;
        height: 53.83px;
        left: 160px;
        top: 375px;
    }

    .fb:hover {
    }

    .wa {
        width: 53.83px;
        height: 53.83px;
        left: 250px;
        top: 375px;
    }

    .wa:hover {
    }
    
}

@media (min-width: 425px ) and (max-width: 768px) {
    
    .social_footer_index {
        width: 100%;
        height: 500px;
        top: 3000px;
    }
    
    .dark_logo_index {
        display: none;
    }
    
    .msg_box_index {
        width: 100%;
        height: 31px;
        left: -45px;
        top: 150px;
    }
    
    .sse_index {
        left: 75px;
        top: 200px;
        font-size: 20px;

    }
    
    .mail_index {
        left: 45px;
        top: 235px;
        font-size: 18px;
    }
    
    .get_social_index {
        left: 175px;
        top: 325px;
        font-size: 20px;
    }
    
    .ig {
        width: 53.83px;
        height: 53.83px;
        left: 95px;
        top: 375px;
    }
    
    .ig:hover {
    }

    .fb {
        width: 53.83px;
        height: 53.83px;
        left: 185px;
        top: 375px;

    }

    .fb:hover {
    }

    .wa {
        width: 53.83px;
        height: 53.83px;
        left: 275px;
        top: 375px;
    }

    .wa:hover {
    }
    
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .social_footer_index {
        position: absolute;
        width: 100%;
        height: 360px;
        top: 2950px;
        margin: auto;
        background: #000000;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
        z-index: 3;
    }
    
    .dark_logo_index {
       display: none;
    } 
    
    .msg_box_index {
        position: absolute;
        width: 38px;
        height: 31px;
        left: 225px;
        top: 120px;
    }
    
    .sse_index {
        position: absolute;
        width: 275px;
        height: 25px;
        left: 140px;
        top: 175px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 28px;
        line-height: 33px;
        color: #FFFFFF;
    }
    
    .mail_index {
        position: absolute;
        width: 332px;
        height: 25px;
        left: 110px;
        top: 220px;
        font-family: 'Raleway', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px;
        color: #58595B;
    }
    
    .get_social_index {
        position: absolute;
        width: 102px;
        height: 33px;
        left: 750px;
        top: 125px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 300;
        font-size: 28px;
        line-height: 33px;
        color: #FFFFFF;
        mix-blend-mode: normal;
    }

    .ig {
        position: absolute;
        width: 53.83px;
        height: 53.83px;
        left: 700px;
        top: 180px;
        background:url("../images/ig_dark.webp") no-repeat;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        display: inline-block;
        transition: 0.2s ease-out;
    }

    .ig:hover {
        transform:scale(1.1);
        background: url("../images/ig.webp") no-repeat;
    }

    .fb {
        position: absolute;
        width: 53.83px;
        height: 53.83px;
        left: 780px;
        top: 180px;
        background: url("../images/fb_dark.webp") no-repeat;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        display: inline-block;
        transition: 0.2s ease-out;
    }

    .fb:hover {
        transform:scale(1.1);
        background: url("../images/fb.webp") no-repeat;
    }

    .wa {
        position: absolute;
        width: 53.83px;
        height: 53.83px;
        left: 860px;
        top: 180px;
        background: url("../images/wa_dark.webp") no-repeat;
        filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
        display: inline-block;
        transition: 0.2s ease-out;
    }

    .wa:hover {
        transform:scale(1.1);
        background: url("../images/wa.webp") no-repeat;
    }

    .social {
        overflow: hidden;
        transition:transform .2s ease-out;
    }

    .social:hover {
        transform:scale(1.1);
    }
      
}

.footer_nav_index {
    position: absolute;
	width: 100%;
	height: 80px;
	top: 5060px;
	background: #2B2B2B;
    z-index: 2;
}

.h_index {
    position: absolute;
	width: 52px;
	height: 29px;
	left: 465px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}

.h_index:hover {
    color: #BEA67C;
    text-decoration: none;
}

.c_index {
    position: absolute;
	width: 78px;
	height: 29px;
	left: 600px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}

.c_index:hover {
    color: #BEA67C;
    text-decoration: none;
}

.a_index {
    position: absolute;
	width: 80px;
	height: 29px;
	left: 745px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}

.a_index:hover {
    color: #BEA67C;
    text-decoration: none;
}

.t_index {
    position: absolute;
	width: 250px;
	height: 29px;
	left: 910px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}

.t_index:hover {
    color: #BEA67C;
    text-decoration: none;
}

.fline_index {
    position: absolute;
	width: 17px;
	height: 0px;
	left: 550px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline2_index {
    position: absolute;
	width: 17px;
	height: 0px;
	left: 695px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline3_index {
    position: absolute;
	width: 17px;
	height: 0px;
	left: 855px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

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

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
     .footer_nav_index {
        display: none;
    }
    
}

@media (min-width: 425px ) and (max-width: 768px) {
    
    .footer_nav_index {
        display: none;
    }
    
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .footer_nav_index {
        position: absolute;
        width: 100%;
        height: 80px;
        top: 3310px;
        background: #2B2B2B;
        z-index: 2;
    }

    .h_index {
        position: absolute;
        width: 52px;
        height: 29px;
        left: 250px;
        top: 28px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 100;
        font-size: 22px;
        line-height: 29px;
        color: white;
        text-decoration: none;
        transition: 0.5s ease-out;
    }
    
    .h_index:hover {
        color: #BEA67C;
        text-decoration: none;
    }

    .c_index {
        position: absolute;
        width: 78px;
        height: 29px;
        left: 370px;
        top: 28px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 100;
        font-size: 22px;
        line-height: 29px;
        color: white;
        text-decoration: none;
        transition: 0.5s ease-out;
    }
    
    .c_index:hover {
        color: #BEA67C;
        text-decoration: none;
    }

    .a_index {
        position: absolute;
        width: 80px;
        height: 29px;
        left: 500px;
        top: 28px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 100;
        font-size: 22px;
        line-height: 29px;
        color: white;
        text-decoration: none;
        transition: 0.5s ease-out;
    }
    
    .a_index:hover {
        color: #BEA67C;
        text-decoration: none;
    }

    .t_index {
        position: absolute;
        width: 250px;
        height: 29px;
        left: 650px;
        top: 28px;
        font-family: 'Advent Pro', sans-serif;
        font-style: normal;
        font-weight: 100;
        font-size: 22px;
        line-height: 29px;
        color: white;
        text-decoration: none;
        transition: 0.5s ease-out;
    }
    
    .t_index:hover {
        color: #BEA67C;
        text-decoration: none;
    }

    .fline_index {
        position: absolute;
        width: 17px;
        height: 0px;
        left: 325px;
        top: 45px;
        mix-blend-mode: normal;
        border: 0.5px solid #FFFFFF;
        transform: rotate(90deg);
    }

    .fline2_index {
        position: absolute;
        width: 17px;
        height: 0px;
        left: 460px;
        top: 45px;
        mix-blend-mode: normal;
        border: 0.5px solid #FFFFFF;
        transform: rotate(90deg);
    }

    .fline3_index {
        position: absolute;
        width: 17px;
        height: 0px;
        left: 600px;
        top: 45px;
        mix-blend-mode: normal;
        border: 0.5px solid #FFFFFF;
        transform: rotate(90deg);
    }

}

.copyright_index {
    position: absolute;
	width: 100%;
	height: 100px;
	top: 5140px;
	background: #000000;
    z-index: 1;
}

.by_index {
    /* position: absolute;
    width: 400px;
    height: 15px; */
    /* left: 640px; */
    top: 30px;
    margin-top: 2%;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_index {
    /* position: absolute;
    width: 520px;
    height: 15px; */
    /* left: 585px; */
    top: 50px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}

.top_index {
    position: absolute;
    width: 37px;
    height: 14px;
    left: 1320px;
    top: 45px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}

.top_index:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
     .copyright_index {
        top: 0px;
        margin-top: -10%;
        position: relative;
        background: #2B2B2B;
        height: 150px;    
    }
    
    .by_index {
        /* width: 80%; */
        /* left: 80px; */
        margin-top: 35px;
        position: relative;
        font-size: 8px;
    }
    
    .copy_index {
        width: 100%;
        /* left: 40px; */
        top: 40px;
        /* margin-top: 40px; */
        position: relative;
        font-size: 8px;
    }
    
    .top_index {
        left: 45%;
        top: 105px;
    }

    .top_index:hover { 
    }
    
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
    .copyright_index {
        top: 2985px;
        /* position: relative; */
        background: #2B2B2B;
        height: 150px;    
    }
    
    .by_index {
        width: 100%;
        /* left: 100px; */
        top: 35px;
        font-size: 8px;
    }
    
    .copy_index {
        width: 100%;
        /* left: 60px; */
        top: 40px;
        font-size: 8px;
    }
    
    .top_index {
        left: 170px;
        top: 105px;
    }

    .top_index:hover {
    }
    
}

@media (min-width: 425px ) and (max-width: 768px) {
    
    .copyright_index {
        top: 3500px;
        background: #2B2B2B;
        height: 150px;    
    }
    
    .by_index {
        width: 80%;
        left: 130px;
        top: 35px;
        font-size: 8px;
    }
    
    .copy_index {
        width: 100%;
        left: 90px;
        top: 55px;
        font-size: 8px;
    }
    
    .top_index {
        left: 195px;
        top: 105px;
    }

    .top_index:hover {
    }
    
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .copyright_index {
        position: absolute;
        width: 100%;
        height: 100px;
        top: 3380px;
        background: #000000;
        z-index: 1;
    }
    
    .by_index {
        position: absolute;
        width: 400px;
        height: 15px;
        left: 410px;
        top: 40px;
        font-family: 'Raleway', sans-serif;
        font-style: normal;
        font-weight: 200;
        font-size: 10px;
        line-height: 19px;
        color: #FFFFFF;
    }

    .copy_index {
        position: absolute;
        width: 520px;
        height: 15px;
        left: 360px;
        top: 60px;
        font-family: 'Raleway', sans-serif;
        font-style: normal;
        font-weight: 200;
        font-size: 10px;
        line-height: 19px;
        color: #FFFFFF;
    }

    .top_index {
        position: absolute;
        width: 37px;
        height: 14px;
        left: 865px;
        top: 50px;
        background: url("../images/top_button.webp") no-repeat;
        display: inline-block;
        transition: 0.5s ease-out;
    }

    .top_index:hover {
        background: url("../images/top_button_sand.webp") no-repeat;
    }  
    
}

/* END INDEX */


/* 2D DESIGNS */

.banner_2d {
    background-image:url("../images/banner_2d.webp");
    min-height: 100vh;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: absolute;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
    z-index: 7;
}

.intro_2d {
    position: absolute;
    width: 77%;
    height: 126px;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 36px;
    line-height: 43px;
    text-align: justify;
    color: #FFFFFF;
}

.con {
    text-decoration: none;
    color: #39BC65;
}

.con:hover {
    text-decoration: none;
    color: #39BC65;
}

.big_text_2d {
	position: absolute;
    width: 71%;
	left: 29%;
	top: 65%;
	font-family: 'Advent Pro', sans-serif;
	font-size: 250px;
	color: #BEA67C;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.hexagon_2d {
    background-image:url("../images/Hexagon-Pattern1.webp");
    position: absolute;
	width: 100%;
	height: 6100px ;
	left: 0px;
	top: 795px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 0;
	background-size: cover; 
}

.two_show {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 130px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    font-size: 48px;
    color: #FFFFFF;
}

.goldline_2d {
    position: absolute;
    left: 160px;
    right: 9.65%;
    padding-top: 20px;
    border-color: #BEA67C;
    mix-blend-mode: normal;
    border-bottom-style: solid;
	border-bottom-width:1px;
}

.twod_1 {
    background-image:url("../images/2d_1.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 400px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_2 {
    background-image:url("../images/2d_2.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 600px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_3 {
    background-image:url("../images/2d_3.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 1180px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_4 {
    background-image:url("../images/2d_4.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 1380px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_5 {
    background-image:url("../images/2d_5.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 1960px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_6 {
    background-image:url("../images/2d_6.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 2160px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_7 {
    background-image:url("../images/2d_7.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 2740px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_8 {
    background-image:url("../images/2d_8.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 2940px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_9 {
    background-image:url("../images/2d_9.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 3520px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_10 {
    background-image:url("../images/2d_10.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 3720px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_11 {
    background-image:url("../images/2d_11.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 4300px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_12 {
    background-image:url("../images/2d_12.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 4500px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_13 {
    background-image:url("../images/2d_13.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 5100px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.twod_14 {
    background-image:url("../images/2d_14.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 5300px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.social_footer_2d {
    position: absolute;
    width: 100%;
	height: 360px;
	left: 0px;
	top: 6100px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    z-index: 2;
}

.dark_logo {
	position: absolute;
	top: 115px;
    left: 150px;
}

.msg_box {
	position: absolute;
	width: 100%;
	height: 31px;
	/* left: 660px; */
	top: 140px;
}

.sse {
	position: absolute;
	width: 100%;
	height: 25px;
	/* left: 635px; */
	top: 200px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
}

.mail {
	position: absolute;
	width: 100%;
	height: 25px;
	/* left: 610px; */
	top: 240px;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #58595B;
}

.get_social {
	position: absolute;
	width: 102px;
	height: 33px;
	left: 1200px;
	top: 160px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
	mix-blend-mode: normal;
}

.ig_2d {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1150px;
	top: 210px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.ig_2d:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_2d {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1230px;
	top: 210px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.fb_2d:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_2d {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1310px;
	top: 210px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.wa_2d:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}

.footer_nav_2d {
    position: absolute;
	width: 100%;
	height: 80px;
	left: 0px;
	top: 6460px;
	background: #2B2B2B;
}

.h {
	position: absolute;
	width: 52px;
	height: 29px;
	left: 465px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}

.h:hover {
    color: #BEA67C;
    text-decoration: none;
}

.c {
	position: absolute;
	width: 78px;
	height: 29px;
	left: 590px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}

.c:hover {
    color: #BEA67C;
    text-decoration: none;
}

.a {
	position: absolute;
	width: 80px;
	height: 29px;
	left: 735px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}

.a:hover {
    color: #BEA67C;
    text-decoration: none;
}

.t {
    position: absolute;
	width: 250px;
	height: 29px;
	left: 850px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}

.t:hover {
    color: #BEA67C;
    text-decoration: none;
}

.fline {
	position: absolute;
	width: 17px;
	height: 0px;
	left: 550px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline2 {	
	position: absolute;
	width: 17px;
	height: 0px;
	left: 690px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline3 {	
	position: absolute;
	width: 17px;
	height: 0px;
	left: 845px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.copyright_2d {
    position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 6540px;
	background: #000000;
}

.by_2d {
    position: absolute;
    width: 400px;
    height: 15px;
    left: 570px;
    top: 30px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_2d {
    position: absolute;
    width: 520px;
    height: 15px;
    left: 515px;
    top: 50px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}

.top_2d {
    position: absolute;
    width: 37px;
    height: 14px;
    left: 1320px;
    top: 45px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}

.top_2d:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
    .banner_2d {
        position: relative;
        /* top:0; */
    }

    .intro_2d {
        font-size: 17px;
        line-height: 18px;
        top: 41.5%;
        z-index: 1;
        width: 80%;
    }

    .big_text_2d {
        position: absolute;
        width: 100%;
        left: 0%;
        top: 85%;
        font-size: 65px;
        color: white;
    }

    .hexagon_2d {
        background-image:url("../images/Hexagon-Pattern-2d.webp");
        position: relative;
        height: 5090px;
        width: 100%;
        top:0px;
    }

    .two_show {
        width: 80%;
        margin: auto;
        padding-top: 50px;
        font-size: 28px;
        text-align: center;
        font-family: 'Advent Pro', sans-serif;
        color: #FFFFFF;
    }

    .goldline_2d {
        position: absolute;
        left: 30px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }
    
    .twod_1{
        background-image:url("../images/2d_1_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;
        top: 150px;   
        width: 240px;
        height: 320px;
    }
    
    .twod_2{
        background-image:url("../images/2d_2_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 500px;
        width: 240px;
        height: 320px;   
    }
    
    .twod_3{
        background-image:url("../images/2d_3_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 850px; 
        width: 240px;
        height: 320px;  
    }
    
    .twod_4{
        background-image:url("../images/2d_4_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 1200px;  
        width: 240px;
        height: 320px; 
    }
    
    .twod_5{
        background-image:url("../images/2d_5_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 1550px;  
        width: 240px;
        height: 320px; 
    }
    
    .twod_6{
        background-image:url("../images/2d_6_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 1900px; 
        width: 240px;
        height: 320px;  
    }
    
    .twod_7{
        background-image:url("../images/2d_7_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 2250px;
        width: 240px;
        height: 320px;   
    }
    
    .twod_8{
        background-image:url("../images/2d_8_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 2600px; 
        width: 240px;
        height: 320px;  
    }
    
    .twod_9{
        background-image:url("../images/2d_9_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 2950px;
        width: 240px;
        height: 320px;   
    }
    
    .twod_10{
        background-image:url("../images/2d_10_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 3300px;
        width: 240px;
        height: 320px;   
    }
    
    .twod_11{
        background-image:url("../images/2d_11_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 3650px;  
        width: 240px;
        height: 320px; 
    }
    
    .twod_12{
        background-image:url("../images/2d_12_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 4000px; 
        width: 240px;
        height: 320px;  
    }
    
    .twod_13{
        background-image:url("../images/2d_13_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 4350px; 
        width: 240px;
        height: 320px;  
    }
    
    .twod_14{
        background-image:url("../images/2d_14_res.webp");
        left: 5%;
        right: 5%;
        margin-left: auto;
        margin-right: auto;        top: 4700px; 
        width: 240px;
        height: 320px;  
    }

    .social_footer_2d {
        width: 100%;
        height: 400px;
        top: 5090px;
    }
    
    .dark_logo {
        display: none;
    }
    
    .msg_box {
        width: 100%;
        height: 31px;
        left: -30px;
        top: 80px;
    }
    
    .sse {
        left: 27px;
        top: 130px;
        font-size: 20px;
    }
    
    .mail {
        left: 0px;
        top: 160px;
        font-size: 18px;
    }
    
    .get_social {
        left: 110px;
        top: 250px;
        font-size: 20px;
    }
    
    .ig_2d {
        width: 53.83px;
        height: 53.83px;
        left: 20%;
        top: 300px;
    }

    .ig_2d:hover {
    }

    .fb_2d {
        width: 53.83px;
        height: 53.83px;
        left: 42%;
        top: 300px;
    }

    .fb_2d:hover {
    }

    .wa_2d {
        width: 53.83px;
        height: 53.83px;
        left: 64%;
        top: 300px;
    }
    
    .wa_2d:hover {
    }
    
    .footer_nav_2d{
        display: none;
    }
    
    .copyright_2d{
        top: 5490px;
        background: #2B2B2B;
        height: 150px;    
    }
    
    .by_2d {
        width: 100%;
        left: 0px;
        top: 35px;
        font-size: 8px;
    }
    
    .copy_2d {
        width: 100%;
        left: 0px;
        top: 55px;
        font-size: 8px;
    }
    .top_2d {
        left: 45%;
        top: 105px;
    }

    .top_2d:hover {
    }
      
}





@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
    .banner_2d {
        position: absolute;
        top:0;
    }

    .intro_2d {
        font-size: 19px;
        line-height: 18px;
        top: 41.5%;
        z-index: 1;
        width: 80%;
    }

    .big_text_2d {
        position: absolute;
        width: 100%;
        left: 0%;
        top: 88%;
        font-size: 70px;
        color: white;
    }

    .hexagon_2d {
        background-image:url("../images/Hexagon-Pattern-2d.webp");
        position: absolute;
        height: 5090px;
        width: 100%;
        top: 625px;
    }

    .two_show {
        width: 80%;
        margin: auto;
        padding-top: 50px;
        font-size: 28px;
    }

    .goldline_2d {
        position: absolute;
        left: 30px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
    }
    
    .twod_1{
        background-image:url("../images/2d_1_res.webp");
        /* left: 65px; */
        top: 150px;   
    }
    
    .twod_2{
          background-image:url("../images/2d_2_res.webp");
         /* left: 65px; */
    top: 500px;   
    }
    
    .twod_3{
          background-image:url("../images/2d_3_res.webp");
         /* left: 65px; */
    top: 850px;   
    }
    
    .twod_4{
          background-image:url("../images/2d_4_res.webp");
         /* left: 65px; */
    top: 1200px;   
    }
    
    .twod_5{
          background-image:url("../images/2d_5_res.webp");
         /* left: 65px; */
    top: 1550px;   
    }
    
    .twod_6{
          background-image:url("../images/2d_6_res.webp");
         /* left: 65px; */
    top: 1900px;   
    }
    
    .twod_7{
          background-image:url("../images/2d_7_res.webp");
         /* left: 65px; */
    top: 2250px;   
    }
    
    .twod_8{
          background-image:url("../images/2d_8_res.webp");
         /* left: 65px; */
    top: 2600px;   
    }
    
    .twod_9{
          background-image:url("../images/2d_9_res.webp");
         /* left: 65px; */
    top: 2950px;   
    }
    
    .twod_10{
          background-image:url("../images/2d_10_res.webp");
         /* left: 65px; */
    top: 3300px;   
    }
    
    .twod_11{
          background-image:url("../images/2d_11_res.webp");
         /* left: 65px; */
    top: 3650px;   
    }
    
    .twod_12{
          background-image:url("../images/2d_12_res.webp");
         /* left: 65px; */
    top: 4000px;   
    }
    
    .twod_13{
          background-image:url("../images/2d_13_res.webp");
         /* left: 65px; */
    top: 4350px;   
    }
    
    .twod_14{
          background-image:url("../images/2d_14_res.webp");
         /* left: 65px; */
    top: 4700px;   
    }

    .social_footer_2d {
	width: 100%;
	height: 400px;
	top: 5090px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: -40px;
	top: 80px;
}
.sse {
	left: 50px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 20px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 133px;
	top: 250px;
	font-size: 20px;
}
    
  .ig_2d {
	width: 53.83px;
	height: 53.83px;
	left: 75px;
	top: 300px;
}

.ig_2d:hover {

}

.fb_2d {
	width: 53.83px;
	height: 53.83px;
	left: 155px;
	top: 300px;
}

.fb_2d:hover {

}

.wa_2d {
	width: 53.83px;
	height: 53.83px;
	left: 240px;
	top: 300px;
}

.wa_2d:hover {

}
    .footer_nav_2d{
        display: none;
    }
    
     .copyright_2d{
	top: 5490px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_2d {
    width: 80%;
    left: 40px;
    top: 35px;
    font-size: 8px;
}
    
.copy_2d {
   
    width: 100%;
    /* left: 5px; */
    top: 55px;
   font-size: 8px;
}
    .top_2d {
    left: 170px;
    top: 105px;
}

.top_2d:hover {
    
}    
       
}

@media (min-width: 425px ) and (max-width: 768px) {
    
            .banner_2d {
        position: absolute;
        top:0;
}

.intro_2d {
       font-size: 20px;
            line-height: 25px;
            top: 39.5%;
            z-index: 1;
            width: 80%;

}

.big_text_2d {
	position: absolute;
    width: 100%;
	left: 10%;
	top: 86%;
	font-size: 80px;
    color: white;
}

.hexagon_2d {
    background-image:url("../images/Hexagon-Pattern-2d.webp");
    position: absolute;
	height: 5090px;
    width: 100%;
	top: 625px;
}

.two_show {
    width: 80%;
    margin: auto;
    padding-top: 50px;
    font-size: 28px;
}

.goldline_2d {
        position: absolute;
        left: 30px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
}
    .twod_1{
          background-image:url("../images/2d_1_res.webp");
         left: 90px;
    top: 150px;   
    }
        .twod_2{
          background-image:url("../images/2d_2_res.webp");
         left: 90px;
    top: 500px;   
    }
        .twod_3{
          background-image:url("../images/2d_3_res.webp");
         left: 90px;
    top: 850px;   
    }
        .twod_4{
          background-image:url("../images/2d_4_res.webp");
         left: 90px;
    top: 1200px;   
    }
        .twod_5{
          background-image:url("../images/2d_5_res.webp");
         left: 90px;
    top: 1550px;   
    }
        .twod_6{
          background-image:url("../images/2d_6_res.webp");
         left: 90px;
    top: 1900px;   
    }
        .twod_7{
          background-image:url("../images/2d_7_res.webp");
         left: 90px;
    top: 2250px;   
    }
        .twod_8{
          background-image:url("../images/2d_8_res.webp");
         left: 90px;
    top: 2600px;   
    }
        .twod_9{
          background-image:url("../images/2d_9_res.webp");
         left: 90px;
    top: 2950px;   
    }
        .twod_10{
          background-image:url("../images/2d_10_res.webp");
         left: 90px;
    top: 3300px;   
    }
        .twod_11{
          background-image:url("../images/2d_11_res.webp");
         left: 90px;
    top: 3650px;   
    }
        .twod_12{
          background-image:url("../images/2d_12_res.webp");
         left: 90px;
    top: 4000px;   
    }
        .twod_13{
          background-image:url("../images/2d_13_res.webp");
         left: 90px;
    top: 4350px;   
    }
        .twod_14{
          background-image:url("../images/2d_14_res.webp");
         left: 90px;
    top: 4700px;   
    }

    .social_footer_2d {
	width: 100%;
	height: 400px;
	top: 5090px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: -45px;
	top: 80px;
}
.sse {
	left: 75px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 45px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 160px;
	top: 250px;
	font-size: 20px;
}
    
  .ig_2d {
	width: 53.83px;
	height: 53.83px;
	left: 100px;
	top: 300px;
}

.ig_2d:hover {

}

.fb_2d {
	width: 53.83px;
	height: 53.83px;
	left: 180px;
	top: 300px;
}

.fb_2d:hover {

}

.wa_2d {
	width: 53.83px;
	height: 53.83px;
	left: 260px;
	top: 300px;
}

.wa_2d:hover {

}
    .footer_nav_2d{
        display: none;
    }
    
     .copyright_2d{
	top: 5490px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_2d {
    width: 80%;
    left: 50px;
    top: 35px;
    font-size: 8px;
}
    
.copy_2d {
   
    width: 100%;
    left: 5px;
    top: 55px;
   font-size: 8px;
}
    .top_2d {
    left: 195px;
    top: 105px;
}

.top_2d:hover {
    
} 
      
}


@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .banner_2d {
        top: 0;
}

.intro_2d {
    top: 40.5%;
    font-size: 28px;
    line-height: 43px;
}

.con {
       text-decoration: none;
    color: #39BC65;
}

.con:hover{
        text-decoration: none;
    color: #39BC65;
}

.big_text_2d {
    width: 80%;
	left: 30%;
	top: 73%;
	font-size: 160px;

}

.hexagon_2d {
	width: 100%;
	height: 3150px;
	left: 0px;
	top: 600px;

}

.two_show {
     width: 80%;
    margin: auto;
        text-align: center;
    padding-top: 130px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    font-size: 48px;
    color: #FFFFFF;
}

.goldline_2d {
    position: absolute;
    left: 160px;
    right: 9.65%;
    padding-top: 20px;
    border-color: #BEA67C;
    mix-blend-mode: normal;
    border-bottom-style: solid;
	border-bottom-width:1px;
}

.twod_1{
          background-image:url("../images/2d_1_res.webp");
         left: 220px;
    top: 300px;   
    }
        .twod_2{
          background-image:url("../images/2d_2_res.webp");
         left: 570px;
    top: 300px;   
    }
        .twod_3{
          background-image:url("../images/2d_3_res.webp");
         left: 220px;
    top: 700px;   
    }
        .twod_4{
          background-image:url("../images/2d_4_res.webp");
         left: 570px;
    top: 700px;   
    }
        .twod_5{
          background-image:url("../images/2d_5_res.webp");
         left: 220px;
    top: 1100px;   
    }
        .twod_6{
          background-image:url("../images/2d_6_res.webp");
         left: 570px;
    top: 1100px;   
    }
        .twod_7{
          background-image:url("../images/2d_7_res.webp");
         left: 220px;
    top: 1500px;   
    }
        .twod_8{
          background-image:url("../images/2d_8_res.webp");
         left: 570px;
    top: 1500px;   
    }
        .twod_9{
          background-image:url("../images/2d_9_res.webp");
         left: 220px;
    top: 1900px;   
    }
        .twod_10{
          background-image:url("../images/2d_10_res.webp");
         left: 570px;
    top: 1900px;   
    }
        .twod_11{
          background-image:url("../images/2d_11_res.webp");
         left: 220px;
    top: 2300px;   
    }
        .twod_12{
          background-image:url("../images/2d_12_res.webp");
         left: 570px;
    top: 2300px;   
    }
        .twod_13{
          background-image:url("../images/2d_13_res.webp");
         left: 220px;
    top: 2700px;   
    }
        .twod_14{
          background-image:url("../images/2d_14_res.webp");
         left: 570px;
    top: 2700px;   
    }

       .social_footer_2d {
    position: absolute;
	width: 100%;
	height: 360px;
	top: 3150px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
    z-index: 3;
}
       .dark_logo {
       display: none;
} 
.msg_box {
	position: absolute;
	width: 38px;
	height: 31px;
	left: 200px;
	top: 120px;
}
.sse{
	position: absolute;
	width: 275px;
	height: 25px;
	left: 120px;
	top: 175px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
}
.mail {
	position: absolute;
	width: 332px;
	height: 25px;
	left: 90px;
	top: 220px;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #58595B;
}
.get_social {
	position: absolute;
	width: 102px;
	height: 33px;
	left: 750px;
	top: 125px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
	mix-blend-mode: normal;
}

.ig_2d {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 700px;
	top: 180px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.ig_2d:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_2d {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 780px;
	top: 180px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.fb_2d:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_2d {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 860px;
	top: 180px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.wa_2d:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}
    
      .footer_nav_2d{
    position: absolute;
	width: 100%;
	height: 80px;
	top: 3510px;
	background: #2B2B2B;
    z-index: 2;
}

.h {
    	position: absolute;
	width: 52px;
	height: 29px;
	left: 250px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.h:hover {
    color: #BEA67C;
    text-decoration: none;
}

.c{
    	position: absolute;
	width: 78px;
	height: 29px;
	left: 370px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.c:hover {
    color: #BEA67C;
    text-decoration: none;
}

.a{
    	position: absolute;
	width: 80px;
	height: 29px;
	left: 500px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.a:hover {
    color: #BEA67C;
    text-decoration: none;
}

.t{
       position: absolute;
	width: 250px;
	height: 29px;
	left: 600px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.t:hover {
    color: #BEA67C;
    text-decoration: none;
}

.fline {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 325px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline2 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 460px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline3 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 600px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}
    
    .copyright_2d {
    position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 3580px;
	background: #000000;
}

.by_2d {
    position: absolute;
    width: 400px;
    height: 15px;
    left: 320px;
    top: 40px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_2d{
    position: absolute;
    width: 520px;
    height: 15px;
    left: 260px;
    top: 60px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}

.top_2d {
    position: absolute;
    width: 37px;
    height: 14px;
    left: 870px;
    top: 50px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}

.top_2d:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}
       
}


/* END 2D Page */



/* 3D Page */

.banner_3d {
    background-image:url("../images/banner_3d.webp");
    min-height: 100vh;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: absolute;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
    z-index: 7;
}

.intro_3d {
    position: absolute;
    width: 77%;
    height: 126px;
    left: 50%;
    top: 40%;
        transform: translate(-50%,-50%);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 36px;
    line-height: 43px;
    text-align: justify;
    color: #FFFFFF;
}
.big_text_3d {
	position: absolute;
    width: 72%;
	left: 28%;
	top: 65%;
	font-family: 'Advent Pro', sans-serif;
	font-size: 250px;
	color: #BEA67C;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.hexagon_3d {
    background-image:url("../images/Hexagon-Pattern1.webp");
    position: absolute;
	width: 100%;
	height: 5300px;
	left: 0px;
	top: 795px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 0;
	background-size: cover; 
}

.three_show {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 130px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    font-size: 48px;
    color: #FFFFFF;
}

.goldline_3d {
        position: absolute;
    left: 160px;
    right: 9.65%;
    padding-top: 20px;
    border-color: #BEA67C;
    mix-blend-mode: normal;
    border-bottom-style: solid;
	border-bottom-width:1px;
}
.threed_1 {
    background-image:url("../images/3d_1.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 400px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.threed_2 {
    background-image:url("../images/3d_2.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 600px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.threed_3 {
    background-image:url("../images/3d_3.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 1180px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;  
}

.threed_4 {
    background-image:url("../images/3d_4.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 1380px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.threed_5 {
    background-image:url("../images/3d_5.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 1960px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.threed_6 {
    background-image:url("../images/3d_6.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 2160px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.threed_7 {
    background-image:url("../images/3d_7.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 2740px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.threed_8 {
    background-image:url("../images/3d_8.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 2940px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.threed_9 {
    background-image:url("../images/3d_9.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 3520px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.threed_10 {
    background-image:url("../images/3d_10.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 3720px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.threed_11 {
    background-image:url("../images/3d_11.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 210px;
    top: 4300px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.threed_12 {
    background-image:url("../images/3d_12.webp");
    position: absolute;
    width: 494px;
    height: 681px;
    left: 820px;
    top: 4500px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
}

.social_footer_3d {
    position: absolute;
	width: 1519px;
	height: 360px;
	left: 0px;
	top: 5300px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    z-index: 2;
}

.ig_3d {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1150px;
	top: 210px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.ig_3d:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_3d {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1230px;
	top: 210px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.fb_3d:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_3d {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1310px;
	top: 210px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.wa_3d:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}

.footer_nav_3d {
    position: absolute;
	width: 1519px;
	height: 80px;
	left: 0px;
	top: 5660px;
	background: #2B2B2B;
}

.copyright_3d {
    position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 5740px;
	background: #000000;
}
.by_3d {
        position: absolute;
    width: 400px;
    height: 15px;
    left: 570px;
    top: 30px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}
.copy_3d {
        position: absolute;
    width: 520px;
    height: 15px;
    left: 515px;
    top: 50px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}
.top_3d {
        position: absolute;
    width: 37px;
    height: 14px;
    left: 1320px;
    top: 45px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}
.top_3d:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
    
        .banner_3d {
        position: relative;
        /* top:0; */
}

.intro_3d {
       font-size: 17px;
            line-height: 18px;
            top: 41.5%;
            z-index: 1;
            width: 80%;

}

.big_text_3d {
	position: absolute;
    width: 100%;
	left: 0%;
	top: 89%;
	font-size: 65px;
    color: white;
    text-align: center;
}
    
   .hexagon_3d {
    background-image:url("../images/Hexagon-Pattern-2d.webp");
    position: relative;
	height: 4425px;
    width: 100%;
	top: 0px;
}

.three_show {
    width: 80%;
    margin: auto;
    padding-top: 50px;
    font-size: 28px;
        text-align: center;
    font-family: 'Advent Pro', sans-serif;
    color: #FFFFFF;
}

.goldline_3d {
        position: absolute;
        left: 30px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
} 
    
   .threed_1{
          background-image:url("../images/3d_1_res.webp");
         left: 18%;
         width: 240px;
         height: 320px;
         top: 150px;   
    }
        .threed_2{
          background-image:url("../images/3d_2_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 500px;   
    }
        .threed_3{
          background-image:url("../images/3d_3_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 850px;   
    }
        .threed_4{
          background-image:url("../images/3d_4_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 1200px;   
    }
        .threed_5{
          background-image:url("../images/3d_5_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 1550px;   
    }
        .threed_6{
          background-image:url("../images/3d_6_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 1900px;   
    }
        .threed_7{
          background-image:url("../images/3d_7_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 2250px;   
    }
        .threed_8{
          background-image:url("../images/3d_8_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 2600px;   
    }
        .threed_9{
          background-image:url("../images/3d_9_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 2950px;   
    }
        .threed_10{
          background-image:url("../images/3d_10_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 3300px;   
    }
        .threed_11{
          background-image:url("../images/3d_11_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 3650px;   
    }
        .threed_12{
          background-image:url("../images/3d_12_res.webp");
          left: 18%;
          width: 240px;
          height: 320px;    top: 4000px;   
    }  
    
     .social_footer_3d {
	width: 100%;
	height: 400px;
	top: 4330px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: -30px;
	top: 80px;
}
.sse {
	left: 27px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 0px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 110px;
	top: 250px;
	font-size: 20px;
}
    
  .ig_3d {
	width: 53.83px;
	height: 53.83px;
	left: 20%;
	top: 300px;
}

.ig_3d:hover {

}

.fb_3d {
	width: 53.83px;
	height: 53.83px;
	left: 42%;
	top: 300px;
}

.fb_3d:hover {

}

.wa_3d {
	width: 53.83px;
	height: 53.83px;
	left: 64%;
	top: 300px;
}

.wa_3d:hover {

}
     .footer_nav_3d{
        display: none;
    }
    
     .copyright_3d{
	top: 4730px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_3d {
    width: 100%;
    left: 0px;
    top: 35px;
    font-size: 8px;

}
    
.copy_3d {
    width: 100%;
    left: 0px;
    top: 55px;
   font-size: 8px;
}
    
    .top_3d {
    left: 45%;
    top: 105px;
}

.top_3d:hover {
    
}
    
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
      .banner_3d {
        position: absolute;
        top:0;
}

.intro_3d {
       font-size: 19px;
            line-height: 18px;
            top: 41.5%;
            z-index: 1;
            width: 80%;

}

.big_text_3d {
	position: absolute;
    width: 100%;
	left: 10%;
	top: 88%;
	font-size: 70px;
    color: white;
}

.hexagon_3d {
    background-image:url("../images/Hexagon-Pattern-2d.webp");
    position: absolute;
	height: 4425px;
    width: 100%;
	top: 625px;
}

    .three_show {
    width: 80%;
    margin: auto;
    padding-top: 50px;
    font-size: 28px;
}

.goldline_3d {
        position: absolute;
        left: 30px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
}
    
     .threed_1{
          background-image:url("../images/3d_1_res.webp");
         left: 65px;
    top: 150px;    
    }
        .threed_2{
          background-image:url("../images/3d_2_res.webp");
          left: 65px;
    top: 500px;   
    }
        .threed_3{
          background-image:url("../images/3d_3_res.webp");
            left: 65px;
    top: 850px;   
    }
        .threed_4{
          background-image:url("../images/3d_4_res.webp");
             left: 65px;
    top: 1200px;   
    }
        .threed_5{
          background-image:url("../images/3d_5_res.webp");
            left: 65px;
    top: 1550px;   
    }
        .threed_6{
          background-image:url("../images/3d_6_res.webp");
             left: 65px;
    top: 1900px;   
    }
        .threed_7{
          background-image:url("../images/3d_7_res.webp");
            left: 65px;
    top: 2250px;   
    }
        .threed_8{
          background-image:url("../images/3d_8_res.webp");
             left: 65px;
    top: 2600px;   
    }
        .threed_9{
          background-image:url("../images/3d_9_res.webp");
             left: 65px;
    top: 2950px;   
    }
        .threed_10{
          background-image:url("../images/3d_10_res.webp");
            left: 65px;
    top: 3300px;   
    }
        .threed_11{
          background-image:url("../images/3d_11_res.webp");
            left: 65px;
    top: 3650px;   
    }
        .threed_12{
          background-image:url("../images/3d_12_res.webp");
            left: 65px;
    top: 4000px;   
    } 
    
       .social_footer_3d {
	width: 100%;
	height: 400px;
	top: 4425px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: -40px;
	top: 80px;
}
.sse {
	left: 50px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 20px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 133px;
	top: 250px;
	font-size: 20px;
}
    
  .ig_3d {
	width: 53.83px;
	height: 53.83px;
	left: 75px;
	top: 300px;
}

.ig_3d:hover {

}

.fb_3d {
	width: 53.83px;
	height: 53.83px;
	left: 155px;
	top: 300px;
}

.fb_3d:hover {

}

.wa_3d {
	width: 53.83px;
	height: 53.83px;
	left: 240px;
	top: 300px;
}

.wa_3d:hover {

}
    .footer_nav_3d{
        display: none;
    }
    
     .copyright_3d{
	top: 4825px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_3d {
    width: 80%;
    left: 40px;
    top: 35px;
    font-size: 8px;
}
    
.copy_3d {
   
    width: 100%;
    left: 5px;
    top: 55px;
   font-size: 8px;
}
    .top_3d {
    left: 170px;
    top: 105px;
}

.top_3d:hover {
    
}      
    
}

@media (min-width: 425px ) and (max-width: 768px) {
    
        .banner_3d {
        position: absolute;
        top:0;
}

.intro_3d {
       font-size: 20px;
            line-height: 25px;
            top: 39.5%;
            z-index: 1;
            width: 80%;

}

.big_text_3d {
	position: absolute;
    width: 100%;
	left: 10%;
	top: 86%;
	font-size: 80px;
    color: white;
}

.hexagon_3d {
    background-image:url("../images/Hexagon-Pattern-2d.webp");
    position: absolute;
	height: 4425px;
    width: 100%;
	top: 625px;
}

.three_show {
    width: 80%;
    margin: auto;
    padding-top: 50px;
    font-size: 28px;
}

.goldline_3d {
        position: absolute;
        left: 30px;
        right: 9%;
        padding-top: 20px;
        border-color: #BEA67C;
        mix-blend-mode: normal;
        border-bottom-style: solid;
        border-bottom-width:1px;
}
         .threed_1{
          background-image:url("../images/3d_1_res.webp");
         left: 90px;
    top: 150px;    
    }
        .threed_2{
          background-image:url("../images/3d_2_res.webp");
          left: 90px;
    top: 500px;   
    }
        .threed_3{
          background-image:url("../images/3d_3_res.webp");
            left: 90px;
    top: 850px;   
    }
        .threed_4{
          background-image:url("../images/3d_4_res.webp");
             left: 90px;
    top: 1200px;   
    }
        .threed_5{
          background-image:url("../images/3d_5_res.webp");
            left: 90px;
    top: 1550px;   
    }
        .threed_6{
          background-image:url("../images/3d_6_res.webp");
             left: 90px;
    top: 1900px;   
    }
        .threed_7{
          background-image:url("../images/3d_7_res.webp");
            left: 90px;
    top: 2250px;   
    }
        .threed_8{
          background-image:url("../images/3d_8_res.webp");
             left: 90px;
    top: 2600px;   
    }
        .threed_9{
          background-image:url("../images/3d_9_res.webp");
             left: 90px;
    top: 2950px;   
    }
        .threed_10{
          background-image:url("../images/3d_10_res.webp");
            left: 90px;
    top: 3300px;   
    }
        .threed_11{
          background-image:url("../images/3d_11_res.webp");
            left: 90px;
    top: 3650px;   
    }
        .threed_12{
          background-image:url("../images/3d_12_res.webp");
            left: 90px;
    top: 4000px;   
    } 
      .social_footer_3d {
	width: 100%;
	height: 400px;
	top: 4425px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: -45px;
	top: 80px;
}
.sse {
	left: 75px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 45px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 160px;
	top: 250px;
	font-size: 20px;
}
    
  .ig_3d {
	width: 53.83px;
	height: 53.83px;
	left: 100px;
	top: 300px;
}

.ig_3d:hover {

}

.fb_3d {
	width: 53.83px;
	height: 53.83px;
	left: 180px;
	top: 300px;
}

.fb_3d:hover {

}

.wa_3d {
	width: 53.83px;
	height: 53.83px;
	left: 260px;
	top: 300px;
}

.wa_3d:hover {

}
    .footer_nav_3d{
        display: none;
    }
    
     .copyright_3d{
	top: 4825px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_3d {
    width: 80%;
    left: 50px;
    top: 35px;
    font-size: 8px;
}
    
.copy_3d {
   
    width: 100%;
    left: 5px;
    top: 55px;
   font-size: 8px;
}
    .top_3d {
    left: 195px;
    top: 105px;
}

.top_3d:hover {
    
} 
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
     .banner_3d {
        top: 0;
}

.intro_3d {
    top: 40.5%;
    font-size: 28px;
    line-height: 43px;
}

.con {
       text-decoration: none;
    color: #39BC65;
}

.con:hover{
        text-decoration: none;
    color: #39BC65;
}

.big_text_3d {
    width: 80%;
	left: 30%;
	top: 73%;
	font-size: 160px;

}

.hexagon_3d {
	width: 100%;
	height: 2700px;
	left: 0px;
	top: 600px;

}

.three_show {
     width: 80%;
    margin: auto;
        text-align: center;
    padding-top: 130px;
    font-family: 'Advent Pro', sans-serif;
    font-weight: 200;
    font-size: 48px;
    color: #FFFFFF;
}

.goldline_3d {
    position: absolute;
    left: 160px;
    right: 9.65%;
    padding-top: 20px;
    border-color: #BEA67C;
    mix-blend-mode: normal;
    border-bottom-style: solid;
	border-bottom-width:1px;
}

.threed_1{
          background-image:url("../images/3d_1_res.webp");
         left: 220px;
    top: 300px;   
    }
        .threed_2{
          background-image:url("../images/3d_2_res.webp");
         left: 570px;
    top: 300px;   
    }
        .threed_3{
          background-image:url("../images/3d_3_res.webp");
         left: 220px;
    top: 700px;   
    }
        .threed_4{
          background-image:url("../images/3d_4_res.webp");
         left: 570px;
    top: 700px;   
    }
        .threed_5{
          background-image:url("../images/3d_5_res.webp");
         left: 220px;
    top: 1100px;   
    }
        .threed_6{
          background-image:url("../images/3d_6_res.webp");
         left: 570px;
    top: 1100px;   
    }
        .threed_7{
          background-image:url("../images/3d_7_res.webp");
         left: 220px;
    top: 1500px;   
    }
        .threed_8{
          background-image:url("../images/3d_8_res.webp");
         left: 570px;
    top: 1500px;   
    }
        .threed_9{
          background-image:url("../images/3d_9_res.webp");
         left: 220px;
    top: 1900px;   
    }
        .threed_10{
          background-image:url("../images/3d_10_res.webp");
         left: 570px;
    top: 1900px;   
    }
        .threed_11{
          background-image:url("../images/3d_11_res.webp");
         left: 220px;
    top: 2300px;   
    }
        .threed_12{
          background-image:url("../images/3d_12_res.webp");
         left: 570px;
    top: 2300px;   
    }


       .social_footer_3d {
    position: absolute;
	width: 100%;
	height: 360px;
	top: 2700px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
    z-index: 3;
}
       .dark_logo {
       display: none;
} 
.msg_box {
	position: absolute;
	width: 38px;
	height: 31px;
	left: 200px;
	top: 120px;
}
.sse{
	position: absolute;
	width: 275px;
	height: 25px;
	left: 120px;
	top: 175px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
}
.mail {
	position: absolute;
	width: 332px;
	height: 25px;
	left: 90px;
	top: 220px;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #58595B;
}
.get_social {
	position: absolute;
	width: 102px;
	height: 33px;
	left: 750px;
	top: 125px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
	mix-blend-mode: normal;
}

.ig_3d {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 700px;
	top: 180px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.ig_3d:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_3d {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 780px;
	top: 180px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.fb_3d:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_3d {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 860px;
	top: 180px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.wa_3d:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}
    
      .footer_nav_3d{
    position: absolute;
	width: 100%;
	height: 80px;
	top: 3060px;
	background: #2B2B2B;
    z-index: 2;
}

.h {
    	position: absolute;
	width: 52px;
	height: 29px;
	left: 250px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.h:hover {
    color: #BEA67C;
    text-decoration: none;
}

.c{
    	position: absolute;
	width: 78px;
	height: 29px;
	left: 370px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.c:hover {
    color: #BEA67C;
    text-decoration: none;
}

.a{
    	position: absolute;
	width: 80px;
	height: 29px;
	left: 500px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.a:hover {
    color: #BEA67C;
    text-decoration: none;
}

.t{
       position: absolute;
	width: 250px;
	height: 29px;
	left: 600px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.t:hover {
    color: #BEA67C;
    text-decoration: none;
}

.fline {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 325px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline2 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 460px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline3 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 600px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}
    
    .copyright_3d {
    position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 3140px;
	background: #000000;
}

.by_3d {
    position: absolute;
    width: 400px;
    height: 15px;
    left: 320px;
    top: 35px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_3d{
    position: absolute;
    width: 520px;
    height: 15px;
    left: 260px;
    top: 55px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}

.top_3d {
    position: absolute;
    width: 37px;
    height: 14px;
    left: 870px;
    top: 50px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}

.top_3d:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}
     
}

/* END 3D DESIGNS */

/* Wall CLocks */

.banner_wall {
    background-image:url("../images/wall_clock_image.webp");
    min-height: 100vh;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: absolute;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.45));
    z-index: 7;
}

.big_text_wall {
	position: absolute;
    width: 68%;
	left: 32%;
	top: 69%;
	font-family: 'Advent Pro', sans-serif;
	font-size: 250px;
	color: #BEA67C;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.hexagon {
    background-image:url("../images/Hexagon-Pattern1.webp");
    position: absolute;
	width: 100%;
	height: 4000px;
	left: 0px;
	top: 795px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 0;
	background-size: cover; 
}

.wall_info {
    position: absolute;
    width: 80%;
    height: 72px;
    left: 750px;
    top: 170px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight:200;
    font-size: 30px;
    line-height: 36px;
    text-align: justify;
    color: #FFFFFF;
            transform: translate(-50%,-50%);
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

}

.roman_compass_24 {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 120px;
    top: 350px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    cursor: pointer;
}

.c1 {
    position: absolute;
    width: 246px;
    height: 245px;
    left: 55px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_compass_24.webp");
}

.c1_info {
    position: absolute;
    width: 280px;
    height: 66px;
    left: 35px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c1_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c1_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c1_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
    background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.roman_compass_18{
    position: absolute;
    width: 355px;
    height: 489px;
    left: 590px;
    top: 350px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    cursor: pointer;
}

.compass_24 {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 1060px;
    top: 350px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c3 {
    position: absolute;
    width: 260px;
    height: 270px;
    left: 40px;
    top: 5px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/direction_compass_24.webp") no-repeat;
}

.c3_info {
    position: absolute;
    width: 280px;
    height: 66px;
    left: 35px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c3_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c3_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c3_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
    background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.compass_18 {
   position: absolute;
    width: 355px;
    height: 489px;
    left: 120px;
    top: 950px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.gear_24 {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 590px;
    top: 950px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c5 {
    position: absolute;
    width: 246px;
    height: 245px;
    left: 55px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/vintage_gear_24.webp") no-repeat;
}

.c5_info {
    position: absolute;
    width: 280px;
    height: 66px;
    left: 35px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c5_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c5_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c5_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
     background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.gear_18 {
   position: absolute;
    width: 355px;
    height: 489px;
    left: 1060px;
    top: 950px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.roman_24 {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 120px;
    top: 1550px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c7 {
    position: absolute;
    width: 246px;
    height: 245px;
    left: 55px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_24.webp") no-repeat;
}

.c7_info {
    position: absolute;
    width: 210px;
    height: 66px;
    left: 75px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c7_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c7_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c7_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
    background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.flying_bird {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 590px;
    top: 1550px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c8 {
    position: absolute;
    width: 280px;
    height: 270px;
    left: 35px;
    top: 35px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/flying_bird.webp") no-repeat;
}

.c8_info {
    position: absolute;
    width: 280px;
    height: 66px;
    left: 40px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c8_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c8_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c8_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
    background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.hexagon_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 1060px;
    top: 1550px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c9 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 55px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/hexagon.webp") no-repeat;
}

.c9_info {
    position: absolute;
    width: 215px;
    height: 66px;
    left: 70px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c9_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c9_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c9_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
   background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.football_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 120px;
    top: 2150px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c10 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 55px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/football.webp") no-repeat;
}

.c10_info {
    position: absolute;
    width: 215px;
    height: 66px;
    left: 70px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c10_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c10_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c10_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
    background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.tree_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 590px;
    top: 2150px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c11 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 40px;
    top: 5px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/tree.webp") no-repeat;
}

.c11_info {
    position: absolute;
    width: 215px;
    height: 66px;
    left: 70px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c11_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c11_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c11_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
 background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.tree_leaves_clock {
   position: absolute;
    width: 355px;
    height: 489px;
    left: 1060px;
    top: 2150px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c12 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 45px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/tree_leaves.webp") no-repeat;
}

.c12_info {
    position: absolute;
    width: 250px;
    height: 66px;
    left: 50px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c12_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c12_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c12_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
 background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.roman_gear_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 120px;
    top: 2750px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c13 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 45px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_gear.webp") no-repeat;
}

.c13_info {
    position: absolute;
    width: 260px;
    height: 66px;
    left: 50px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c13_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c13_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c13_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
 background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.modern_roman_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 590px;
    top: 2750px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c14 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 55px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/modern_roman.webp") no-repeat;
}

.c14_info {
    position: absolute;
    width: 270px;
    height: 66px;
    left: 40px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c14_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c14_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c14_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
     background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.round_stripes_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 1060px;
    top: 2750px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c15 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 50px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/round_stripes_roman.webp") no-repeat;
}

.c15_info {
    position: absolute;
    width: 300px;
    height: 66px;
    left: 30px;
    top: 280px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #7A3FE1;
}

.c15_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c15_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c15_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
  background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.indian_tree_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 120px;
    top: 3350px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c16 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 50px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/round_tree_indian.webp") no-repeat;
}

.c16_info {
    position: absolute;
    width: 300px;
    height: 66px;
    left: 30px;
    top: 280px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #7A3FE1;
}

.c16_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 115px;
    top: 350px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 33px;
    color: #39BC65;
}

.c16_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 40px;
    top: 415px;
    background:url("../images/amazon.webp") no-repeat;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c16_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 195px;
    top: 410px;
    background:url("../images/flipkart.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}


.social_footer_wall {
    position: absolute;
	width: 100%;
	height: 360px;
	left: 0px;
	top: 4750px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    z-index: 2;
}


.ig_wall {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1150px;
	top: 210px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.ig_wall:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_wall {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1230px;
	top: 210px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.fb_wall:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_wall {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1310px;
	top: 210px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.wa_wall:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}

.footer_nav_wall {
    position: absolute;
	width: 100%;
	height: 80px;
	left: 0px;
	top: 5110px;
	background: #2B2B2B;
}

.copyright_wall {
    position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 5190px;
	background: #000000;
}

.by_wall {
        position: absolute;
    width: 400px;
    height: 15px;
    left: 640px;
    top: 30px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_wall {
        position: absolute;
    width: 520px;
    height: 15px;
    left: 585px;
    top: 50px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}
.top_wall {
        position: absolute;
    width: 37px;
    height: 14px;
    left: 1320px;
    top: 45px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}
.top_wall:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
    .banner_wall {
    position: relative;
        /* top:0; */
}

.big_text_wall {
	position: absolute;
    width: 100%;
	left: 0px;
	top: 88%;
    text-align: center;
	font-size: 76px;
    color: #FFFFFF;
}

.hexagon {
     background-image:url("../images/Hexagon-Pattern-2d.webp");
    position: relative;
	height: 6000px;
    width: 100%;
	top: 0px;
}

.wall_info {
    left: 50%;
    font-size: 17px;
            line-height: 18px;
            top: 2.5%;
            width: 80%;

}

    .roman_compass_24 {
    position: absolute;
    width: 235px;
    height: 316px;
    left: 18%;
    top: 270px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    cursor: pointer;
}

.c1 {
    position: absolute;
    width: 150px;
    height: 245px;
    left: 42px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_24_res.webp") no-repeat;
}

.c1_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c1_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c1_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c1_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.roman_compass_18{
    position: absolute;
    width: 235px;
    height: 316px;
       left: 18%;
    top: 625px;  
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    cursor: pointer;
}

.compass_24 {
    position: absolute;
     width: 235px;
    height: 316px;
    left: 18%;
    top: 980px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c3 {
    position: absolute;
    width: 160px;
    height: 270px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/direction_compass_res.webp") no-repeat;
}

.c3_info {
   position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c3_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c3_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c3_flipkart {
   position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.compass_18 {
   position: absolute;
      width: 235px;
    height: 316px;
    left: 18%;
    top: 1335px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.gear_24 {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 1690px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c5 {
    position: absolute;
    width: 150px;
    height: 245px;
    left: 40px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/vintage_gear_res.webp") no-repeat;
}

.c5_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c5_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c5_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c5_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.gear_18 {
   position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 2045px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.roman_24 {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 2400px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c7 {
    position: absolute;
    width: 150px;
    height: 245px;
    left: 45px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_res.webp") no-repeat;
}

.c7_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c7_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c7_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c7_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.flying_bird {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 2755px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c8 {
    position: absolute;
    width: 160px;
    height: 150px;
    left: 35px;
    top: 30px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/flying_birds_res.webp") no-repeat;
}

.c8_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c8_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c8_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c8_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.hexagon_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 3110px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c9 {
    position: absolute;
    width: 160px;
    height: 300px;
    left: 47px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/hexa_res.webp") no-repeat;
}

.c9_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c9_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c9_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c9_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.football_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 3465px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c10 {
    position: absolute;
    width: 160px;
    height: 300px;
    left: 42px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/football_res.webp") no-repeat;
}

.c10_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c10_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c10_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c10_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.tree_clock {
    position: absolute;
    width: 235px;
    height: 316px;
    left: 18%;
    top: 3820px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c11 {
    position: absolute;
    width: 160px;
    height: 300px;
    left: 35px;
    top: 5px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/tree_res.webp") no-repeat;
}

.c11_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c11_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c11_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c11_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.tree_leaves_clock {
   position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 4175px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c12 {
    position: absolute;
    width: 160px;
    height: 300px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/tree_leaves_res.webp") no-repeat;
}

.c12_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c12_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c12_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c12_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.roman_gear_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 4530px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c13 {
    position: absolute;
    width: 160px;
    height: 300px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_gear_res.webp") no-repeat;
}

.c13_info {
     position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c13_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c13_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c13_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.modern_roman_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 4885px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c14 {
    position: absolute;
    width: 160px;
    height: 300px;
    left: 40px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/modern_roman_res.webp") no-repeat;
}

.c14_info {
     position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c14_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c14_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c14_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.round_stripes_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 5240px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c15 {
    position: absolute;
    width: 160px;
    height: 300px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/round_stripes_res.webp") no-repeat;
}

.c15_info {
     position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c15_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c15_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c15_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.indian_tree_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 18%;
    top: 5595px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c16 {
    position: absolute;
    width: 160px;
    height: 300px;
    left: 43px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/round_tree_res.webp") no-repeat;
}

.c16_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c16_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c16_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c16_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

     .social_footer_wall {
	width: 100%;
	height: 400px;
    position: relative;
	top: 0px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: -30px;
	top: 80px;
}
.sse {
	left: 27px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 0px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 110px;
	top: 250px;
	font-size: 20px;
}
    
  .ig_wall {
	width: 53.83px;
	height: 53.83px;
	left: 20%;
	top: 300px;
}

.ig_wall:hover {

}

.fb_wall {
	width: 53.83px;
	height: 53.83px;
	left: 42%;
	top: 300px;
}

.fb_wall:hover {

}

.wa_wall {
	width: 53.83px;
	height: 53.83px;
	left: 64%;
	top: 300px;
}

.wa_wall:hover {

}
     .footer_nav_wall{
        display: none;
    }
    
     .copyright_wall {   
	top: 0px;
    position: relative;
	background: #2B2B2B;
        height: 150px;    
}
    
    .by_wall {
    width: 100%;
    left: 0px;
    text-align: center;
    top: 35px;
    font-size: 8px;
}
    
.copy_wall {
   
    width: 100%;
    left: 0px;
    text-align: center;
    top: 55px;
   font-size: 8px;
}
    .top_wall {
    left: 45%;
    top: 105px;
}

.top_2d:hover {
    
}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
      .banner_wall {
        position: relative;
        /* top:0; */
}


.big_text_wall {
	position: absolute;
    width: 100%;
	/* left: 5.5%; */
	top: 87%;
	font-size: 83px;
    color: white;
}

.hexagon {
    background-image:url("../images/Hexagon-Pattern-2d.webp");
    position: relative;
	height: 6000px;
    width: 100%;
	top: 0px;
}

.wall_info {
    left: 190px;
    font-size: 19px;
            line-height: 18px;
            top: 2%;
            width: 70%;

}
      .roman_compass_24 {
    position: absolute;
    width: 235px;
    height: 316px;
    left: 70px;
    top: 270px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    cursor: pointer;
}

.c1 {
    position: absolute;
    width: 150px;
    height: 245px;
    left: 42px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_24_res.webp") no-repeat;
}

.c1_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c1_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c1_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c1_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.roman_compass_18{
    position: absolute;
    width: 235px;
    height: 316px;
       left: 70px;
    top: 625px;  
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    cursor: pointer;
}

.compass_24 {
    position: absolute;
     width: 235px;
    height: 316px;
    left: 70px;
    top: 980px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c3 {
    position: absolute;
    width: 260px;
    height: 270px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/direction_compass_res.webp") no-repeat;
}

.c3_info {
   position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c3_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c3_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c3_flipkart {
   position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.compass_18 {
   position: absolute;
      width: 235px;
    height: 316px;
    left: 70px;
    top: 1335px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.gear_24 {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 1690px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c5 {
    position: absolute;
    width: 246px;
    height: 245px;
    left: 40px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/vintage_gear_res.webp") no-repeat;
}

.c5_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c5_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c5_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c5_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.gear_18 {
   position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 2045px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.roman_24 {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 2400px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c7 {
    position: absolute;
    width: 246px;
    height: 245px;
    left: 45px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_res.webp") no-repeat;
}

.c7_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c7_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c7_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c7_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.flying_bird {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 2755px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c8 {
    position: absolute;
    width: 150px;
    height: 270px;
    left: 35px;
    top: 30px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/flying_birds_res.webp") no-repeat;
}

.c8_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c8_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c8_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c8_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.hexagon_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 3110px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c9 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 47px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/hexa_res.webp") no-repeat;
}

.c9_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c9_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c9_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c9_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.football_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 3465px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c10 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 42px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/football_res.webp") no-repeat;
}

.c10_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c10_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c10_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c10_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.tree_clock {
    position: absolute;
    width: 235px;
    height: 316px;
    left: 70px;
    top: 3820px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c11 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 35px;
    top: 5px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/tree_res.webp") no-repeat;
}

.c11_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c11_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c11_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c11_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.tree_leaves_clock {
   position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 4175px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c12 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/tree_leaves_res.webp") no-repeat;
}

.c12_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c12_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c12_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c12_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.roman_gear_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 4530px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c13 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_gear_res.webp") no-repeat;
}

.c13_info {
     position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c13_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c13_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c13_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.modern_roman_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 4885px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c14 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 40px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/modern_roman_res.webp") no-repeat;
}

.c14_info {
     position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c14_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c14_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c14_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.round_stripes_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 5240px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c15 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/round_stripes_res.webp") no-repeat;
}

.c15_info {
     position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c15_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c15_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c15_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.indian_tree_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 70px;
    top: 5595px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c16 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 43px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/round_tree_res.webp") no-repeat;
}

.c16_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c16_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c16_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c16_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

  
    
       .social_footer_wall {
	width: 100%;
	height: 400px;
    position: relative;
	top: 0px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: -40px;
	top: 80px;
}
.sse {
	left: 50px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 20px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 133px;
	top: 250px;
	font-size: 20px;
}
    
  .ig_wall {
	width: 53.83px;
	height: 53.83px;
	left: 75px;
	top: 300px;
}

.ig_wall:hover {

}

.fb_wall {
	width: 53.83px;
	height: 53.83px;
	left: 155px;
	top: 300px;
}

.fb_wall:hover {

}

.wa_wall {
	width: 53.83px;
	height: 53.83px;
	left: 240px;
	top: 300px;
}

.wa_wall:hover {

}
    .footer_nav_wall{
        display: none;
    }
    
     .copyright_wall{
	top: 0px;
    position: relative;
	background: #2B2B2B;
        height: 150px;    
}
    .by_wall {
    width: 100%;
    /* left: 105px; */
    top: 35px;
    font-size: 8px;
}
    
.copy_wall {
   
    width: 100%;
    /* left: 65px; */
    top: 55px;
   font-size: 8px;
}
    .top_wall {
    left: 170px;
    top: 105px;
}

.top_wall:hover {
    
}      
       
}

@media (min-width: 425px ) and (max-width: 768px) {
    
            .banner_wall {
        position: absolute;
        top:0;
}


.big_text_wall {
	position: absolute;
    width: 100%;
	left: 7%;
	top: 85%;
	font-size: 90px;
    color: white;
}

.hexagon_wall {
    background-image:url("../images/Hexagon-Pattern-2d.webp");
    position: absolute;
	height: 4425px;
    width: 100%;
	top: 625px;
}

    .wall_info {
    left: 215px;
    font-size: 21px;
            line-height: 20px;
            top: 2%;
            width: 70%;

}
      .roman_compass_24 {
    position: absolute;
    width: 235px;
    height: 316px;
    left: 95px;
    top: 270px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    cursor: pointer;
}

.c1 {
    position: absolute;
    width: 246px;
    height: 245px;
    left: 42px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_24_res.webp") no-repeat;
}

.c1_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c1_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c1_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c1_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.roman_compass_18{
    position: absolute;
    width: 235px;
    height: 316px;
       left: 95px;
    top: 625px;  
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
    cursor: pointer;
}

.compass_24 {
    position: absolute;
     width: 235px;
    height: 316px;
    left: 95px;
    top: 980px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c3 {
    position: absolute;
    width: 260px;
    height: 270px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/direction_compass_res.webp") no-repeat;
}

.c3_info {
   position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c3_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c3_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c3_flipkart {
   position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.compass_18 {
   position: absolute;
      width: 235px;
    height: 316px;
    left: 95px;
    top: 1335px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.gear_24 {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 1690px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c5 {
    position: absolute;
    width: 246px;
    height: 245px;
    left: 40px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/vintage_gear_res.webp") no-repeat;
}

.c5_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c5_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c5_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c5_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.gear_18 {
   position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 2045px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.roman_24 {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 2400px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c7 {
    position: absolute;
    width: 246px;
    height: 245px;
    left: 45px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_res.webp") no-repeat;
}

.c7_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c7_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c7_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c7_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.flying_bird {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 2755px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c8 {
    position: absolute;
    width: 280px;
    height: 270px;
    left: 35px;
    top: 30px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/flying_birds_res.webp") no-repeat;
}

.c8_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c8_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c8_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c8_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.hexagon_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 3110px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c9 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 47px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/hexa_res.webp") no-repeat;
}

.c9_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c9_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c9_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c9_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.football_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 3465px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c10 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 42px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/football_res.webp") no-repeat;
}

.c10_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c10_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c10_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c10_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.tree_clock {
    position: absolute;
    width: 235px;
    height: 316px;
    left: 95px;
    top: 3820px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c11 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 35px;
    top: 5px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/tree_res.webp") no-repeat;
}

.c11_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c11_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c11_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c11_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.tree_leaves_clock {
   position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 4175px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c12 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/tree_leaves_res.webp") no-repeat;
}

.c12_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c12_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c12_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c12_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.roman_gear_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 4530px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c13 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/roman_gear_res.webp") no-repeat;
}

.c13_info {
     position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c13_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c13_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c13_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.modern_roman_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 4885px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c14 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 40px;
    top: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/modern_roman_res.webp") no-repeat;
}

.c14_info {
     position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c14_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c14_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c14_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.round_stripes_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 5240px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c15 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 37px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/round_stripes_res.webp") no-repeat;
}

.c15_info {
     position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c15_avail {
   position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c15_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c15_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.indian_tree_clock {
    position: absolute;
       width: 235px;
    height: 316px;
    left: 95px;
    top: 5595px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.c16 {
    position: absolute;
    width: 260px;
    height: 300px;
    left: 43px;
    top: 15px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background:url("../images/round_tree_res.webp") no-repeat;
}

.c16_info {
    position: absolute;
      width: 189px;
height: 38px;
    left: 25px;
    top: 180px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
  line-height: 19px;
    text-align: center;
    color: #7A3FE1;
}

.c16_avail {
    position: absolute;
    width: 127px;
    height: 33px;
    left: 55px;
    top: 230px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 500;
     font-size: 17px;
  line-height: 19px;
    color: #39BC65;
}

.c16_amazon {
    position: absolute;
    width: 104px;
    height: 32px;
    left: 30px;
    top: 275px;
    background:url("../images/amazon_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}

.c16_flipkart {
    position: absolute;
    width: 117px;
    height: 36px;
    left: 125px;
    top: 267px;
    background:url("../images/flipkart_res.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
}


     
      .social_footer_wall {
	width: 100%;
	height: 400px;
	top: 6625px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: -45px;
	top: 80px;
}
.sse {
	left: 75px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 45px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 160px;
	top: 250px;
	font-size: 20px;
}
    
  .ig_wall {
	width: 53.83px;
	height: 53.83px;
	left: 100px;
	top: 300px;
}

.ig_wall:hover {

}

.fb_wall {
	width: 53.83px;
	height: 53.83px;
	left: 180px;
	top: 300px;
}

.fb_wall:hover {

}

.wa_wall {
	width: 53.83px;
	height: 53.83px;
	left: 260px;
	top: 300px;
}

.wa_wall:hover {

}
    .footer_nav_wall{
        display: none;
    }
    
     .copyright_wall{
	top: 7025px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_wall {
    width: 80%;
    left: 125px;
    top: 35px;
    font-size: 8px;
}
    
.copy_wall {
   
    width: 100%;
    left: 85px;
    top: 55px;
   font-size: 8px;
}
    .top_wall {
    left: 195px;
    top: 105px;
}

.top_wall:hover {
    
} 
      
}


@media (min-width: 1024px ) and (max-width: 1440px) {

    .banner_wall {
        top: 0;
}


.big_text_wall {
    width: 80%;
	left: 35%;
	top: 75.5%;
	font-size: 160px;

}

.hexagon {
	width: 100%;
	height: 5600px;
	top: 600px;

}

.wall_info {
    position: absolute;
    width: 80%;
    height: 72px;
    left: 510px;
    top: 170px;
    font-size: 26px;
    line-height: 36px;

}

    .roman_compass_24 {
    left: 100px;
    top: 350px;
    
}

.roman_compass_18{
    left: 570px;
    top: 350px;
}

.compass_24 {
    left: 100px;
    top: 950px;

}

.compass_18 {
   position: absolute;
    width: 355px;
    height: 489px;
    left: 570px;
    top: 950px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.gear_24 {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 100px;
    top: 1550px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.gear_18 {
   position: absolute;
    width: 355px;
    height: 489px;
    left: 570px;
    top: 1550px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.roman_24 {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 100px;
    top: 2150px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.flying_bird {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 570px;
    top: 2150px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.hexagon_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 100px;
    top: 2750px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.football_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 570px;
    top: 2750px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.tree_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 100px;
    top: 3350px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.tree_leaves_clock {
   position: absolute;
    width: 355px;
    height: 489px;
    left: 570px;
    top: 3350px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.roman_gear_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 100px;
    top: 3950px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.modern_roman_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 570px;
    top: 3950px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.round_stripes_clock {
    position: absolute;
    width: 355px;
    height: 489px;
    left: 100px;
    top: 4550px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 50px;
}

.indian_tree_clock {
    left: 570px;
    top: 4550px;
}
    
       .social_footer_wall {
	width: 100%;
	height: 360px;
	top: 5750px;
}
       .dark_logo {
       display: none;
} 
.msg_box {
	position: absolute;
	width: 38px;
	height: 31px;
	left: 200px;
	top: 120px;
}
.sse{
	position: absolute;
	width: 275px;
	height: 25px;
	left: 120px;
	top: 175px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
}
.mail {
	position: absolute;
	width: 332px;
	height: 25px;
	left: 90px;
	top: 220px;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #58595B;
}
.get_social {
	position: absolute;
	width: 102px;
	height: 33px;
	left: 750px;
	top: 125px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
	mix-blend-mode: normal;
}

.ig_wall {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 700px;
	top: 180px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.ig_wall:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_wall {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 780px;
	top: 180px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.fb_wall:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_wall {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 860px;
	top: 180px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.wa_wall:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}
    
      .footer_nav_wall{
    position: absolute;
	width: 100%;
	height: 80px;
	top: 6110px;
	background: #2B2B2B;
    z-index: 2;
}

.h {
    	position: absolute;
	width: 52px;
	height: 29px;
	left: 250px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.h:hover {
    color: #BEA67C;
    text-decoration: none;
}

.c{
    	position: absolute;
	width: 78px;
	height: 29px;
	left: 370px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.c:hover {
    color: #BEA67C;
    text-decoration: none;
}

.a{
    	position: absolute;
	width: 80px;
	height: 29px;
	left: 500px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.a:hover {
    color: #BEA67C;
    text-decoration: none;
}

.t{
       position: absolute;
	width: 250px;
	height: 29px;
	left: 600px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.t:hover {
    color: #BEA67C;
    text-decoration: none;
}

.fline {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 325px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline2 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 460px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline3 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 600px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}
    
    .copyright_wall {
    position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 6190px;
	background: #000000;
}

.by_wall {
    position: absolute;
    width: 400px;
    height: 15px;
    left: 410px;
    top: 35px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_wall{
    position: absolute;
    width: 520px;
    height: 15px;
    left: 360px;
    top: 55px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}

.top_wall {
    position: absolute;
    width: 37px;
    height: 14px;
    left: 870px;
    top: 50px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}

.top_wall:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}

}

/* END Wall CLocks */


/* Terms and Conditions */

.t_c {
    background-image:url("../images/hex_pattern.webp");
    position: absolute;
	width: 100%;
	height: 4800px;
	top: 48px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    ackground-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 0;
	background-size: cover; 
}

.disc {
    position: absolute;
    width: 475px;
    height: 43px;
    left: 250px;
    top: 150px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
}

.disc_desc {
    position: absolute;
    width: 1048px;
    height: 309px;
    left: 250px;
    top: 225px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 21px;
    text-align: justify;
    color: #000000;
}

.prod {
    position: absolute;
    width: 119px;
    height: 43px;
    left: 250px;
    top: 550px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
}

.prod_desc {
    position: absolute;
    width: 1048px;
    height: 420px;
    left: 250px;
    top: 625px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}

.web {
    position: absolute;
    width: 107px;
    height: 43px;
    left: 250px;
    top: 1116px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
}

.web_desc {
    position: absolute;
    width: 1048px;
    height: 622px;
    left: 250px;
    top: 1191px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}

.warr {
    position: absolute;
    width: 500px;
    height: 43px;
    left: 250px;
    top: 1885px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
}

.warr_desc {
    position: absolute;
    width: 1048px;
    height: 445px;
    left: 250px;
    top: 1960px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}

.lia {
    position: absolute;
    width: 500px;
    height: 43px;
    left: 250px;
    top: 2500px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
}

.lia_desc {
    position: absolute;
    width: 1048px;
    height: 245px;
    left: 250px;
    top: 2575px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}

.indem {
    position: absolute;
    width: 209px;
    height: 43px;
    left: 250px;
    top: 2870px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
}

.indem_desc {
    position: absolute;
    width: 1048px;
    height: 272px;
    left: 250px;
    top: 2945px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}

.priv {
    position: absolute;
    width: 98px;
    height: 43px;
    left: 250px;
    top: 3300px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
}

.priv_desc {
    position: absolute;
    width: 1048px;
    height: 53px;
    left: 250px;
    top: 3375px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}

.bound {
    position: absolute;
    width: 322px;
    height: 43px;
    left: 250px;
    top: 3450px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
}

.bound_desc {
    position: absolute;
    width: 1048px;
    height: 53px;
    left: 250px;
    top: 3525px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}

.gen {
    position: absolute;
    width: 102px;
    height: 43px;
    left: 250px;
    top: 3600px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
}

.gen_desc {
    position: absolute;
    width: 1048px;
    height: 950px;
    left: 250px;
    top: 3675px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}


.social_footer_tc {
    position: absolute;
	width: 100%;
	height: 360px;
	left: 0px;
	top: 4800px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    z-index: 2;
}


.ig_tc {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1150px;
	top: 210px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.ig_tc:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_tc {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1230px;
	top: 210px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.fb_tc:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_tc {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1310px;
	top: 210px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.wa_tc:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}

.footer_nav_tc {
    position: absolute;
	width: 100%;
	height: 80px;
	left: 0px;
	top: 5160px;
	background: #2B2B2B;
}

.copyright_tc {
    position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 5240px;
	background: #000000;
}

.by_tc {
        position: absolute;
    width: 400px;
    height: 15px;
    left: 640px;
    top: 30px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_tc {
        position: absolute;
    width: 520px;
    height: 15px;
    left: 585px;
    top: 50px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}
.top_tc {
        position: absolute;
    width: 37px;
    height: 14px;
    left: 1320px;
    top: 45px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}
.top_tc:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .t_c {
  
	width: 100%;
	height: 5500px;
	top: 45px;
    }
    
   .disc {
    position: absolute;
    width: 475px;
    height: 43px;
    left: 130px;
    top: 150px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 43px;
    color: #000000;
}

.disc_desc {
    position: absolute;
    width: 75%;
    height: 309px;
    left: 130px;
    top: 225px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 21px;
    text-align: justify;
    color: #000000;
}
    
    .prod {
    position: absolute;
    width: 119px;
    height: 43px;
    left: 130px;
    top: 625px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 43px;
    color: #000000;
}

.prod_desc {
    position: absolute;
    width: 75%;
    height: 420px;
    left: 130px;
    top: 700px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}
 
   .web {
    position: absolute;
    width: 107px;
    height: 43px;
    left: 130px;
    top: 1190px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 43px;
    color: #000000;
}

.web_desc {
    position: absolute;
    width: 75%;
    height: 622px;
    left: 130px;
    top: 1260px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
} 
    
 .warr {
    position: absolute;
    width: 500px;
    height: 43px;
    left: 130px;
    top: 2100px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 43px;
    color: #000000;
}

.warr_desc {
    position: absolute;
    width: 75%;
    height: 445px;
    left: 130px;
    top: 2175px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}   
  
    .lia {
    position: absolute;
    width: 500px;
    height: 43px;
    left: 130px;
    top: 2800px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 43px;
    color: #000000;
}

.lia_desc {
    position: absolute;
    width: 75%;
    height: 245px;
    left: 130px;
    top: 2875px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}
  .indem {
    position: absolute;
    width: 209px;
    height: 43px;
    left: 130px;
    top: 3230px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 43px;
    color: #000000;
}

.indem_desc {
    position: absolute;
    width: 75%;
    height: 272px;
    left: 130px;
    top: 3290px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}  
   
 .priv {
    position: absolute;
    width: 98px;
    height: 43px;
    left: 130px;
    top: 3710px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 43px;
    color: #000000;
}

.priv_desc {
    position: absolute;
    width: 75%;
    height: 53px;
    left: 130px;
    top: 3770px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}   
  
    .bound {
    position: absolute;
    width: 322px;
    height: 43px;
    left: 130px;
    top: 3870px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 43px;
    color: #000000;
}

.bound_desc {
    position: absolute;
    width: 75%;
    height: 53px;
    left: 130px;
    top: 3930px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}
    
    .gen {
    position: absolute;
    width: 102px;
    height: 43px;
    left: 130px;
    top: 4010px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 43px;
    color: #000000;
}

.gen_desc {
    position: absolute;
    width: 75%;
    height: 950px;
    left: 130px;
    top: 4075px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #000000;
}

    
.social_footer_tc {
	width: 100%;
	height: 360px;
	top: 5400px;
}
       .dark_logo {
       display: none;
} 
.msg_box {
	position: absolute;
	width: 38px;
	height: 31px;
	left: 200px;
	top: 120px;
}
.sse{
	position: absolute;
	width: 275px;
	height: 25px;
	left: 120px;
	top: 175px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
}
.mail {
	position: absolute;
	width: 332px;
	height: 25px;
	left: 90px;
	top: 220px;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #58595B;
}
.get_social {
	position: absolute;
	width: 102px;
	height: 33px;
	left: 750px;
	top: 125px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
	mix-blend-mode: normal;
}

.ig_tc {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 700px;
	top: 180px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.ig_tc:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_tc {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 780px;
	top: 180px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.fb_tc:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_tc {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 860px;
	top: 180px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.wa_tc:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}
    
      .footer_nav_tc{
    position: absolute;
	width: 100%;
	height: 80px;
	top: 5760px;
	background: #2B2B2B;
    z-index: 2;
}

.h {
    	position: absolute;
	width: 52px;
	height: 29px;
	left: 250px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.h:hover {
    color: #BEA67C;
    text-decoration: none;
}

.c{
    	position: absolute;
	width: 78px;
	height: 29px;
	left: 370px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.c:hover {
    color: #BEA67C;
    text-decoration: none;
}

.a{
    	position: absolute;
	width: 80px;
	height: 29px;
	left: 500px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.a:hover {
    color: #BEA67C;
    text-decoration: none;
}

.t{
       position: absolute;
	width: 250px;
	height: 29px;
	left: 600px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.t:hover {
    color: #BEA67C;
    text-decoration: none;
}

.fline {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 325px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline2 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 460px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline3 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 600px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}
    
    .copyright_tc {
    position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 5840px;
	background: #000000;
}

.by_tc {
    position: absolute;
    width: 400px;
    height: 15px;
    left: 410px;
    top: 35px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_tc {
    position: absolute;
    width: 520px;
    height: 15px;
    left: 360px;
    top: 55px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}

.top_tc {
    position: absolute;
    width: 37px;
    height: 14px;
    left: 870px;
    top: 50px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}

.top_tc:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}
    
      
}





/* END Terms & Conditions */


/* Contact */

.banner_contact {
    background-image:url("../images/Contact\ Image.png");
	width: 100%;
	height: 750px;
	top: 48px;
    position: absolute;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	z-index: 1;
	margin: auto;
    background-repeat: no-repeat;
    background-position: 50% 0;
	background-size: cover; 
}

.big_text_reach {
	position: absolute;
	width: 55%;
	left: 45%;
	top: 500px;
	font-family: 'Advent Pro', sans-serif;
	font-size: 250px;
	color: #BEA67C;
	z-index: 3;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

input:focus,
select:focus,
textarea:focus,
submit:focus {
    outline: none;
}

input[type=text] {
    position: absolute;
    width: 468.68px;
    height: 38.12px;
    left: 245px;
    top: 130px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

input[type=email] {
    position: absolute;
    width: 468.68px;
    height: 38.12px;
    left: 245px;
    top: 210px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

textarea {
    position: absolute;
    width: 468.68px;
    height: 172.85px;
    left: 245px;
    top: 290px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

input[type=submit] {
    position: absolute;
    width: 170px;
    height: 60px;
    left: 245px;
    top: 505px;
    cursor: pointer;
    background: #FFFFFF;
    border: 3px solid #000000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 50px 50px 0px;
    font-family: 'Advent Pro', sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    transition: 0.3s ease-out;
}

input[type=submit]:hover {
    background-color: #BEA67C;
}

::placeholder {
    color: #58595B, 100%;
    font-size: 22px;
}

:-ms-input-placeholder {
    color: #58595B, 100%;
}

::-ms-input-placeholder {
    color: #58595B, 100%;
}

.reach_info { 
    position: absolute;
    width: 430px;
    height: 116.12px;
    left: 840px;
    top: 125px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 29px;
    text-align: justify;
    color: #FFFFFF;
}

.phone_icon {
    position: absolute;
    left: 850px;
    top: 280px;
    bottom: 81.06%;  
}

.phone_no {
    position: absolute;
    width: 135px;
    height: 26.59px;
    left: 900px;
    top: 285px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 29px;
    text-align: justify;
    color: #FFFFFF;
}

.location_icon {
    position: absolute;
    left: 855px;
    top: 370px;
    bottom: 81.06%;
}

.address {
    position: absolute;
    width: 291px;
    height: 84px;
    left: 900px;
    top: 370px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 29px;
    text-align: justify;
    color: #FFFFFF;
}

.black_box_contact {
	position: absolute;
	width: 100%;
	height: 750px;
	top: 795px;
	background: #2B2B2B;
	border-radius: 0px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.mapouter {
    position:absolute;
    left: 150px;
    top: 120px;
    width:1201px;
    height:500px;
}

.gmap_canvas {
    overflow:hidden;
    background:none!important;
    width:1201px;
    height:500px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 35px;
}

.gmap_iframe {
    width:1201px!important;
    height:500px!important;
}

.social_footer_contact {
	position: absolute;
	width: 100%;
	height: 360px;
	top: 740px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    z-index: 2;
}

.ig_con {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1150px;
	top: 210px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.ig_con:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_con {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1230px;
	top: 210px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.fb_con:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_con {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1310px;
	top: 210px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.wa_con:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}


.footer_nav_contact {
	position: absolute;
	width: 100%;
	height: 80px;
	top: 1100px;
	background: #2B2B2B;
}

.copyright_contact {
	position: absolute;
	width: 100%;
	height: 100px;
	top: 1180px;
	background: #000000;
}

.by_con {
        position: absolute;
    width: 400px;
    height: 15px;
    left: 570px;
    top: 30px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_con {
        position: absolute;
    width: 520px;
    height: 15px;
    left: 515px;
    top: 50px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}
.top_con {
        position: absolute;
    width: 37px;
    height: 14px;
    left: 1320px;
    top: 45px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}
.top_con:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
    .banner_contact {
    position: absolute;
        top:0;
        height: 1050px;
    }
    .big_text_reach {
	position: absolute;
	width: 80%;
	left: 13%;
	top: 125px;
	font-family: 'Advent Pro', sans-serif;
	font-size: 80px;
	color: white;
	z-index: 3;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}    
    input[type=text] {
    position: absolute;
    width: 75.5%;
    height: 38.12px;
    left: 45px;
    top: 250px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

input[type=email] {
    position: absolute;
    width: 75.5%;
    height: 38.12px;
    left: 45px;
    top: 325px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

textarea {
    position: absolute;
    width: 75.5%;
    height: 125px;
    left: 45px;
    top: 400px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

input[type=submit] {
    position: absolute;
    width: 100px;
    height: 40px;
    left: 45px;
    top: 550px;
    cursor: pointer;
    background: #FFFFFF;
    border: 3px solid #000000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 50px 50px 0px;
    font-family: 'Advent Pro', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    transition: 0.3s ease-out;
}

input[type=submit]:hover {
    background-color: #BEA67C;
}
    .reach_info { 
    position: absolute;
    width: 77%;
    left: 40px;
    top: 650px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}
    .phone_icon {
    position: absolute;
    left: 35px;
    top: 800px;
}

.phone_no {
    position: absolute;
    left: 100px;
    top: 805px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 29px;
    text-align: justify;
    color: #FFFFFF;
}

.location_icon {
    position: absolute;
    left: 35px;
    top: 880px;
}

.address {
    position: absolute;
    width: 55%;
    height: 84px;
    left: 100px;
    top: 890px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
     font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}
    .black_box_contact {
	position: absolute;
	width: 100%;
	height: 460px;
	top: 1050px;
	background: #2B2B2B;
	border-radius: 0px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
    
    .mapouter {
    position:absolute;
    left: 0%;
    top: 80px;
    width:100%;
    height:300px;
}

.gmap_canvas {
    overflow:hidden;
    background:none!important;
    width:100%;
    height:300px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 35px;
}

.gmap_iframe {
    width:225px!important;
    height:300px!important;
}
         .social_footer_contact {
	width: 100%;
	height: 400px;
	top: 450px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: -30px;
	top: 80px;
}
.sse {
	left: 27px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 0px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 110px;
	top: 250px;
	font-size: 20px;
}
    
  .ig_con {
	width: 53.83px;
	height: 53.83px;
	left: 20%;
	top: 300px;
}

.ig_con:hover {

}

.fb_con {
	width: 53.83px;
	height: 53.83px;
	left: 42%;
	top: 300px;
}

.fb_con:hover {

}

.wa_con {
	width: 53.83px;
	height: 53.83px;
	left: 64%;
	top: 300px;
}

.wa_con:hover {

}
     .footer_nav_contact{
        display: none;
    }
    
     .copyright_contact{
	top: 850px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_con {
    width: 100%;
    left: 0px;
    top: 35px;
    font-size: 8px;

}
    
.copy_con {
    width: 100%;
    left: 0px;
    top: 55px;
   font-size: 8px;
}
    
    .top_con {
    left: 45%;
    top: 105px;
}

.top_con:hover {
    
}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
        .banner_contact {
    position: absolute;
        top:0;
        height: 1050px;
    }
    .big_text_reach {
	position: absolute;
	width: 80%;
	left: 11%;
	top: 125px;
	font-family: 'Advent Pro', sans-serif;
	font-size: 80px;
	color: white;
	z-index: 3;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}    
    input[type=text] {
    position: absolute;
    width: 75.5%;
    height: 38.12px;
    left: 45px;
    top: 250px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

input[type=email] {
    position: absolute;
    width: 75.5%;
    height: 38.12px;
    left: 45px;
    top: 325px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

textarea {
    position: absolute;
    width: 75.5%;
    height: 125px;
    left: 45px;
    top: 400px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

input[type=submit] {
    position: absolute;
    width: 100px;
    height: 40px;
    left: 45px;
    top: 550px;
    cursor: pointer;
    background: #FFFFFF;
    border: 3px solid #000000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 50px 50px 0px;
    font-family: 'Advent Pro', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    transition: 0.3s ease-out;
}

input[type=submit]:hover {
    background-color: #BEA67C;
}
    .reach_info { 
    position: absolute;
    width: 75%;
    left: 42px;
    top: 650px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}
    .phone_icon {
    position: absolute;
    left: 35px;
    top: 800px;
}

.phone_no {
    position: absolute;
    width: 75%;
    left: 100px;
    top: 805px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 29px;
    text-align: justify;
    color: #FFFFFF;
}

.location_icon {
    position: absolute;
    left: 35px;
    top: 880px;
}

.address {
    position: absolute;
    width: 55%;
    height: 84px;
    left: 100px;
    top: 890px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
     font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}
    .black_box_contact {
	position: absolute;
	width: 100%;
	height: 460px;
	top: 1050px;
	background: #2B2B2B;
	border-radius: 0px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
    
    .mapouter {
    position:absolute;
    left: 55px;
    top: 80px;
    width:270px;
    height:300px;
}

.gmap_canvas {
    overflow:hidden;
    background:none!important;
    width:270px;
    height:300px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 35px;
}

.gmap_iframe {
    width:270px!important;
    height:300px!important;
}
        
    .social_footer_contact {
	width: 100%;
	height: 400px;
	top: 450px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: -40px;
	top: 80px;
}
.sse {
	left: 50px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 20px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 133px;
	top: 250px;
	font-size: 20px;
}
    
    
  .ig_con {
	width: 53.83px;
	height: 53.83px;
	left: 75px;
	top: 300px;
}

.ig_con:hover {

}

.fb_con {
	width: 53.83px;
	height: 53.83px;
	left: 155px;
	top: 300px;
}

.fb_con:hover {

}

.wa_con {
	width: 53.83px;
	height: 53.83px;
	left: 240px;
	top: 300px;
}

.wa_con:hover {

}
     .footer_nav_contact{
        display: none;
    }
    
     .copyright_contact{
	top: 850px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_con {
    width: 80%;
    left: 40px;
    top: 35px;
    font-size: 8px;

}
    
.copy_con {
    width: 100%;
    left: 5px;
    top: 55px;
   font-size: 8px;
}
    
    .top_con {
    left: 170px;
    top: 105px;
}

.top_con:hover {
    
}
}
    @media (min-width: 425px ) and (max-width: 768px) {
        
                .banner_contact {
    position: absolute;
        top:0;
        height: 1050px;
    }
    .big_text_reach {
	position: absolute;
	width: 80%;
	left: 11%;
	top: 125px;
	font-family: 'Advent Pro', sans-serif;
	font-size: 90px;
	color: white;
	z-index: 3;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}    
    input[type=text] {
    position: absolute;
    width: 75.5%;
    height: 38.12px;
    left: 55px;
    top: 250px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

input[type=email] {
    position: absolute;
    width: 75.5%;
    height: 38.12px;
    left: 55px;
    top: 325px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

textarea {
    position: absolute;
    width: 75.5%;
    height: 125px;
    left: 55px;
    top: 400px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

input[type=submit] {
    position: absolute;
    width: 100px;
    height: 40px;
    left: 55px;
    top: 550px;
    cursor: pointer;
    background: #FFFFFF;
    border: 3px solid #000000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 50px 50px 0px;
    font-family: 'Advent Pro', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    transition: 0.3s ease-out;
}

input[type=submit]:hover {
    background-color: #BEA67C;
}
    .reach_info { 
    position: absolute;
    width: 75%;
    left: 52px;
    top: 650px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}
    .phone_icon {
    position: absolute;
    left: 45px;
    top: 800px;
}

.phone_no {
    position: absolute;
    width: 75%;
    left: 110px;
    top: 805px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 29px;
    text-align: justify;
    color: #FFFFFF;
}

.location_icon {
    position: absolute;
    left: 45px;
    top: 880px;
}

.address {
    position: absolute;
    width: 55%;
    height: 84px;
    left: 110px;
    top: 890px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
     font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}
    .black_box_contact {
	position: absolute;
	width: 100%;
	height: 460px;
	top: 1050px;
	background: #2B2B2B;
	border-radius: 0px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
    
    .mapouter {
    position:absolute;
    left: 55px;
    top: 80px;
    width:320px;
    height:300px;
}

.gmap_canvas {
    overflow:hidden;
    background:none!important;
    width:320px;
    height:300px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 35px;
}

.gmap_iframe {
    width:320px!important;
    height:300px!important;
}
        
    .social_footer_contact {
	width: 100%;
	height: 400px;
	top: 450px;
}
    .dark_logo {
       display: none;
}
     .msg_box {
	width: 100%;
	height: 31px;
	left: -45px;
	top: 80px;
}
.sse {
	left: 75px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 45px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 160px;
	top: 250px;
	font-size: 20px;
}
    
    
  .ig_con {
	width: 53.83px;
	height: 53.83px;
	left: 100px;
	top: 300px;
}

.ig_con:hover {

}

.fb_con {
	width: 53.83px;
	height: 53.83px;
	left: 180px;
	top: 300px;
}

.fb_con:hover {

}

.wa_con {
	width: 53.83px;
	height: 53.83px;
	left: 260px;
	top: 300px;
}

.wa_con:hover {

}
     .footer_nav_contact{
        display: none;
    }
    
     .copyright_contact{
	top: 850px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_con {
    width: 80%;
    left: 50px;
    top: 35px;
    font-size: 8px;

}
    
.copy_con {
   
    width: 100%;
    left: 5px;
    top: 55px;
   font-size: 8px;
}
    
    .top_con {
    left: 195px;
    top: 105px;
}

.top_con:hover {
    
}
        
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .banner_contact {
    background-image:url("../images/Hexagon-Pattern1.webp");
	width: 100%;
	height: 600px;
	top: 48px;
    position: absolute;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	z-index: 1;
	margin: auto;
    background-repeat: no-repeat;
    background-position: 50% 0;
	background-size: cover; 
}

.big_text_reach {
	position: absolute;
	width: 55%;
	left: 45%;
	top: 435px;
	font-family: 'Advent Pro', sans-serif;
	font-size: 160px;
	color: #BEA67C;
	z-index: 3;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

input:focus,
select:focus,
textarea:focus,
submit:focus {
    outline: none;
}

input[type=text] {
    position: absolute;
    width: 35%;
    height: 38.12px;
    left: 110px;
    top: 120px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

input[type=email] {
    position: absolute;
    width: 35%;
    height: 38.12px;
    left: 110px;
    top: 200px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

textarea {
    position: absolute;
    width: 35%;;
    height: 160px;
    left: 110px;
    top: 280px;
    border: 3px solid #BEA67C;
    border-radius: 0px 50px 50px 0px;
    font-size: 22px;
    background: transparent;
    font-family: 'Advent Pro', sans-serif;
    resize: none;
}

input[type=submit] {
    position: absolute;
    width: 170px;
    height: 60px;
    left: 110px;
    top: 480px;
    cursor: pointer;
    background: #FFFFFF;
    border: 3px solid #000000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 50px 50px 0px;
    font-family: 'Advent Pro', sans-serif;
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    transition: 0.3s ease-out;
}

input[type=submit]:hover {
    background-color: #BEA67C;
}

::placeholder {
    color: #58595B, 100%;
    font-size: 22px;
}

:-ms-input-placeholder {
    color: #58595B, 100%;
}

::-ms-input-placeholder {
    color: #58595B, 100%;
}

.reach_info { 
    position: absolute;
    width: 35%;;
    height: 116.12px;
    left: 580px;
    top: 120px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 23px;
    text-align: justify;
    color: #FFFFFF;
}

.phone_icon {
    position: absolute;
    left: 550px;
    top: 250px; 
}

.phone_no {
    position: absolute;
    width: 135px;
    height: 26.59px;
    left: 650px;
    top: 257px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 29px;
    text-align: justify;
    color: #FFFFFF;
}

.location_icon {
    position: absolute;
    left: 550px;
    top: 320px;
}

.address {
    position: absolute;
    width: 260px;
    height: 84px;
    left: 650px;
    top: 330px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 19px;
    line-height: 29px;
    text-align: justify;
    color: #FFFFFF;
}

.black_box_contact {
	position: absolute;
	width: 100%;
	height: 750px;
	top: 648px;
	background: #2B2B2B;
	border-radius: 0px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.mapouter {
    position:absolute;
    left: 60px;
    top: 120px;
    width:900px;
    height:500px;
}

.gmap_canvas {
    overflow:hidden;
    background:none!important;
    width:900px;
    height:500px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 35px;
}

.gmap_iframe {
    width:900px!important;
    height:500px!important;
}

.social_footer_contact {
	position: absolute;
	width: 100%;
	height: 360px;
	top: 740px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    z-index: 2;
}
    
        .dark_logo {
       display: none;
} 
.msg_box {
	position: absolute;
	width: 38px;
	height: 31px;
	left: 200px;
	top: 120px;
}
.sse{
	position: absolute;
	width: 275px;
	height: 25px;
	left: 120px;
	top: 175px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
}
.mail {
	position: absolute;
	width: 332px;
	height: 25px;
	left: 90px;
	top: 220px;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #58595B;
}
.get_social {
	position: absolute;
	width: 102px;
	height: 33px;
	left: 750px;
	top: 125px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
	mix-blend-mode: normal;
}

.ig_con {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 700px;
	top: 180px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.ig_con:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_con {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 780px;
	top: 180px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.fb_con:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_con {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 860px;
	top: 180px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.wa_con:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}


.footer_nav_contact {
	position: absolute;
	width: 100%;
	height: 80px;
	top: 1100px;
	background: #2B2B2B;
}
    
    .h {
    	position: absolute;
	width: 52px;
	height: 29px;
	left: 250px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.h:hover {
    color: #BEA67C;
    text-decoration: none;
}

.c{
    	position: absolute;
	width: 78px;
	height: 29px;
	left: 370px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.c:hover {
    color: #BEA67C;
    text-decoration: none;
}

.a{
    	position: absolute;
	width: 80px;
	height: 29px;
	left: 500px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.a:hover {
    color: #BEA67C;
    text-decoration: none;
}

.t{
       position: absolute;
	width: 250px;
	height: 29px;
	left: 600px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.t:hover {
    color: #BEA67C;
    text-decoration: none;
}

.fline {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 325px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline2 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 460px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline3 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 600px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.copyright_contact {
	position: absolute;
	width: 100%;
	height: 100px;
	top: 1180px;
	background: #000000;
}

.by_con {
    position: absolute;
    width: 400px;
    height: 15px;
    left: 320px;
    top: 35px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_con {
    position: absolute;
    width: 520px;
    height: 15px;
    left: 260px;
    top: 55px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}
.top_con {
    position: absolute;
    width: 37px;
    height: 14px;
    left: 870px;
    top: 50px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}
.top_con:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}
      
}

/* END Contact */


/* About */

.banner {
    background-image:url("../images/about_image.webp");
	background-repeat: no-repeat;
	width: 100%;
    height: 750px;
	top: 48px;
    position: absolute;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	z-index: 1;
	margin: auto; 
}

.big_text_about {
		position: absolute;
	width: 55%;
	left: 45%;
	top: 550px;
	font-family: 'Advent Pro', sans-serif;
	font-size: 250px;
	color: #BEA67C;
	z-index: 3;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.black_box {
	position: absolute;
	width: 1519px;
	height: 600px;
	left: 0px;
	top: 795px;
	background: #2B2B2B;
	border-radius: 0px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.para1 {
	position: absolute;
	width: 329px;
	height: 303.7px;
	left: 200px;
	top: 180px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 23px;
	text-align: justify;
	color: #FFFFFF;
}

.line {
	position: absolute;
	width: 154px;
	height: 0px;
	left: 500px;
	top: 275px;
	mix-blend-mode: normal;
	border: 1px solid #BEA67C;
	transform: rotate(-90deg);
}

.para2 {
	position: absolute;
	width: 290px;
	height: 316.91px;
	left: 625px;
	top: 65px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 23px;
	display: flex;
	align-items: flex-end;
	text-align: justify;
	color: #FFFFFF;
}

.line2 {
	position: absolute;
	width: 154px;
	height: 0px;
	left: 890px;
	top: 275px;
	mix-blend-mode: normal;
	border: 1px solid #BEA67C;
	transform: rotate(-90deg);
}

.para3 {
	position: absolute;
	width: 315px;
	height: 264.09px;
	left: 1020px;
	top: 118px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 23px;
	display: flex;
	align-items: flex-end;
	text-align: justify;
	color: #FFFFFF;
}

.social_footer {
	position: absolute;
	width: 1519px;
	height: 360px;
	left: 0px;
	top: 1370px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    z-index: 2;
}

.ig_ab {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1150px;
	top: 210px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}

.ig_ab:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_ab {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1230px;
	top: 210px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.fb_ab:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_ab {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 1310px;
	top: 210px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.wa_ab:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}

.footer_nav {
	position: absolute;
	width: 1519px;
	height: 80px;
	left: 0px;
	top: 1730px;
	background: #2B2B2B;
}

.copyright {
	position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
	top: 1810px;
	background: #000000;
}

.by_ab {
        position: absolute;
    width: 400px;
    height: 15px;
    left: 640px;
    top: 30px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_ab {
        position: absolute;
    width: 520px;
    height: 15px;
    left: 580px;
    top: 50px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 12px;
    line-height: 19px;
    color: #FFFFFF;
}
.top_ab {
        position: absolute;
    width: 37px;
    height: 14px;
    left: 1320px;
    top: 45px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}
.top_ab:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
    .banner {
    background-image:url("../images/about_image.webp");
	
	width: 100%;
    height: 600px;
	top: 48px;
}

.big_text_about {
	position: absolute;
	width: 100%;
	left: 0%;
    text-align: center;
	top: 555px;
	font-family: 'Advent Pro', sans-serif;
	font-size: 80px;
	color: #BEA67C;
	z-index: 3;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.black_box {
	position: absolute;
	width: 100%;
	height: 960px;
	left: 0px;
	top: 648px;
	background: #2B2B2B;
	border-radius: 0px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.para1 {
	    position: relative;
    width: 75%;
    left: 0px;
    top: 100px;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}

.line {
	position: relative;
	width: 154px;
	height: 0px;
	left: 0px;
	top: 5%;
    margin-left: auto;
    margin-right: auto;
	mix-blend-mode: normal;
	border: 1px solid #BEA67C;
	transform: rotate(0deg);
}

.para2 {
	    position: relative;
    width: 75%;
    left: 0px;
    top: -5%;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}

.line2 {
	position: relative;
	width: 154px;
	height: 0px;
	left: 0px;
    margin-left: auto;
    margin-right: auto;
	top: 0px;
	mix-blend-mode: normal;
	border: 1px solid #BEA67C;
	transform: rotate(0deg);
}

.para3 {
	    position: relative;
    width: 75%;
    left: 0px;
    top: -2%;
    margin-left: auto;
    margin-right: auto;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}
       .social_footer {
	width: 100%;
	height: 400px;
	top: 1600px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	left: 0px;
	top: 80px;
}
.sse {
	left: 0px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 0px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 0px;
    width: 100%;
	top: 250px;
	font-size: 20px;
}
    
  .ig_ab {
	width: 53.83px;
	height: 53.83px;
	left: 20%;
	top: 300px;
}

.ig_ab:hover {

}

.fb_ab {
	width: 53.83px;
	height: 53.83px;
	left: 42%;
	top: 300px;
}

.fb_ab:hover {

}

.wa_ab {
	width: 53.83px;
	height: 53.83px;
	left: 64%;
	top: 300px;
}

.wa_ab:hover {

}
     .footer_nav{
        display: none;
    }
    
     .copyright{
	top: 2000px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_ab {
    width: 100%;
    left: 0px;
    text-align: center;
    top: 35px;
    font-size: 8px;

}
    
.copy_ab {
    width: 100%;
    left: 0px;
    top: 55px;
    text-align: center;
   font-size: 8px;
}
    
    .top_ab {
    left: 45%;
    top: 105px;
}

.top_ab:hover {
    
}
    
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    
        .banner {
    background-image:url("../images/about_image.webp");
	
	width: 100%;
    height: 600px;
	top: 48px;
}

.big_text_about {
	position: absolute;
	width: 85%;
	left: 13%;
	top: 555px;
	font-family: 'Advent Pro', sans-serif;
	font-size: 85px;
	color: #BEA67C;
	z-index: 3;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.black_box {
	position: absolute;
	width: 100%;
	height: 960px;
	left: 0px;
	top: 648px;
	background: #2B2B2B;
	border-radius: 0px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.para1 {
	    position: absolute;
    width: 75%;
    left: 50px;
    top: 100px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}

.line {
	position: absolute;
	width: 154px;
	height: 0px;
	left: 110px;
	top: 350px;
	mix-blend-mode: normal;
	border: 1px solid #BEA67C;
	transform: rotate(0deg);
}

.para2 {
	    position: absolute;
    width: 75%;
    left: 50px;
    top: 255px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}

.line2 {
	position: absolute;
	width: 154px;
	height: 0px;
	left: 110px;
	top: 620px;
	mix-blend-mode: normal;
	border: 1px solid #BEA67C;
	transform: rotate(0deg);
}

.para3 {
	    position: absolute;
    width: 75%;
    left: 50px;
    top: 600px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}
    
      .social_footer {
	width: 100%;
	height: 400px;
	top: 1600px;
}
    .dark_logo {
       display: none;
}
    .msg_box {
	width: 100%;
	height: 31px;
	top: 80px;
}
.sse {
	/* left: 50px; */
	top: 130px;
	font-size: 20px;

}
.mail {
	/* left: 20px; */
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	/* left: 133px; */
	top: 250px;
	font-size: 20px;
}
    
    
  .ig_ab {
	width: 53.83px;
	height: 53.83px;
	left: 75px;
	top: 300px;
}

.ig_ab:hover {

}

.fb_ab {
	width: 53.83px;
	height: 53.83px;
	left: 155px;
	top: 300px;
}

.fb_ab:hover {

}

.wa_ab {
	width: 53.83px;
	height: 53.83px;
	left: 240px;
	top: 300px;
}

.wa_ab:hover {

}
     .footer_nav{
        display: none;
    }
    
     .copyright{
	top: 2000px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_ab {
    width: 100%;
    text-align: center;
    left: 0px;
    top: 35px;
    font-size: 8px;

}
    
.copy_ab {
    width: 100%;
    left: 0px;
    top: 55px;
    text-align:center;
   font-size: 8px;
}
    
    .top_ab {
    left: 170px;
    top: 105px;
}

.top_ab:hover {
    
}
    
}

    @media (min-width: 425px ) and (max-width: 768px) {
        
                .banner {
    background-image:url("../images/about_image.webp");
	
	width: 100%;
    height: 600px;
	top: 48px;
}

.big_text_about {
	position: absolute;
	width: 85%;
	left: 15%;
	top: 550px;
	font-family: 'Advent Pro', sans-serif;
	font-size: 90px;
	color: #BEA67C;
	z-index: 3;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.black_box {
	position: absolute;
	width: 100%;
	height: 960px;
	left: 0px;
	top: 648px;
	background: #2B2B2B;
	border-radius: 0px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.para1 {
	    position: absolute;
    width: 75%;
    left: 60px;
    top: 100px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}

.line {
	position: absolute;
	width: 154px;
	height: 0px;
	left: 130px;
	top: 350px;
	mix-blend-mode: normal;
	border: 1px solid #BEA67C;
	transform: rotate(0deg);
}

.para2 {
	    position: absolute;
    width: 75%;
    left: 60px;
    top: 255px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}

.line2 {
	position: absolute;
	width: 154px;
	height: 0px;
	left: 130px;
	top: 620px;
	mix-blend-mode: normal;
	border: 1px solid #BEA67C;
	transform: rotate(0deg);
}

.para3 {
	    position: absolute;
    width: 75%;
    left: 60px;
    top: 600px;
    font-family: 'Advent Pro', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 17px;
    line-height: 20px;
    text-align: justify;
    color: #FFFFFF;
}
        
       .social_footer {
	width: 100%;
	height: 400px;
	top: 1600px;
}
    .dark_logo {
       display: none;
}
     .msg_box {
	width: 100%;
	height: 31px;
	left: -45px;
	top: 80px;
}
.sse {
	left: 75px;
	top: 130px;
	font-size: 20px;

}
.mail {
	left: 45px;
	top: 160px;
	font-size: 18px;
}
    
    .get_social {
	left: 160px;
	top: 250px;
	font-size: 20px;
}
    
    
  .ig_ab {
	width: 53.83px;
	height: 53.83px;
	left: 100px;
	top: 300px;
}

.ig_ab:hover {

}

.fb_ab {
	width: 53.83px;
	height: 53.83px;
	left: 180px;
	top: 300px;
}

.fb_ab:hover {

}

.wa_ab {
	width: 53.83px;
	height: 53.83px;
	left: 260px;
	top: 300px;
}

.wa_ab:hover {

}
     .footer_nav{
        display: none;
    }
    
     .copyright{
	top: 2000px;
	background: #2B2B2B;
        height: 150px;    
}
    .by_ab {
    width: 80%;
    left: 125px;
    top: 35px;
    font-size: 8px;

}
    
.copy_ab {
   
    width: 100%;
    left: 85px;
    top: 55px;
   font-size: 8px;
}
    
    .top_ab {
    left: 195px;
    top: 105px;
}

.top_ab:hover {
    
}    
        
}

@media (min-width: 1024px ) and (max-width: 1440px) {
    
    .banner {
    background-image:url("../images/about_image.webp");
	background-repeat: no-repeat;
	width: 100%;
    height: 640px;
	top: 0;
    position: absolute;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
	z-index: 1;
	margin: auto; 
}

.big_text_about {
		position: absolute;
	width: 55%;
	left: 47%;
	top: 485px;
	font-family: 'Advent Pro', sans-serif;
	font-size: 160px;
	color: #BEA67C;
	z-index: 3;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.black_box {
	position: absolute;
	width: 1519px;
	height: 450px;
	left: 0px;
	top: 640px;
	background: #2B2B2B;
	border-radius: 0px;
	margin: auto;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.para1 {
	position: absolute;
	width: 15%;
	height: 303.7px;
	left: 100px;
	top: 130px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	text-align: justify;
	color: #FFFFFF;
}

.line {
	position: absolute;
	width: 154px;
	height: 0px;
	left: 300px;
	top: 225px;
	mix-blend-mode: normal;
	border: 1px solid #BEA67C;
	transform: rotate(-90deg);
}

.para2 {
	position: absolute;
	width: 15%;
	height: 303.7px;
	left: 430px;
	top: 8px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	text-align: justify;
	color: #FFFFFF;
}

.line2 {
	position: absolute;
	width: 154px;
	height: 0px;
	left: 625px;
	top: 225px;
	mix-blend-mode: normal;
	border: 1px solid #BEA67C;
	transform: rotate(-90deg);
}

.para3 {
	position: absolute;
	width: 15%;
	height: 303.7px;
	left: 750px;
	top: 30px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	text-align: justify;
	color: #FFFFFF;
}

    .social_footer {
	position: absolute;
	width: 100%;
	height: 360px;
	top: 1090px;
	margin: auto;
	background: #000000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    z-index: 2;
}
    
        .dark_logo {
       display: none;
} 
.msg_box {
	position: absolute;
	width: 38px;
	height: 31px;
	left: 200px;
	top: 120px;
}
.sse{
	position: absolute;
	width: 275px;
	height: 25px;
	left: 120px;
	top: 175px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
}
.mail {
	position: absolute;
	width: 332px;
	height: 25px;
	left: 90px;
	top: 220px;
	font-family: 'Raleway', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	color: #58595B;
}
.get_social {
	position: absolute;
	width: 102px;
	height: 33px;
	left: 750px;
	top: 125px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 28px;
	line-height: 33px;
	color: #FFFFFF;
	mix-blend-mode: normal;
}

.ig_ab {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 700px;
	top: 180px;
    background:url("../images/ig_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.ig_ab:hover {
    transform:scale(1.1);
    background: url("../images/ig.webp") no-repeat;
}

.fb_ab {
    	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 780px;
	top: 180px;
    background: url("../images/fb_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.fb_ab:hover {
    transform:scale(1.1);
    background: url("../images/fb.webp") no-repeat;
}

.wa_ab {
	position: absolute;
	width: 53.83px;
	height: 53.83px;
	left: 860px;
	top: 180px;
    background: url("../images/wa_dark.webp") no-repeat;
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    display: inline-block;
    transition: 0.2s ease-out;
}
.wa_ab:hover {
    transform:scale(1.1);
    background: url("../images/wa.webp") no-repeat;
}


.footer_nav {
	position: absolute;
	width: 100%;
	height: 80px;
	top: 1450px;
	background: #2B2B2B;
}
    
    .h {
    	position: absolute;
	width: 52px;
	height: 29px;
	left: 250px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.h:hover {
    color: #BEA67C;
    text-decoration: none;
}

.c{
    	position: absolute;
	width: 78px;
	height: 29px;
	left: 370px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.c:hover {
    color: #BEA67C;
    text-decoration: none;
}

.a{
    	position: absolute;
	width: 80px;
	height: 29px;
	left: 500px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.a:hover {
    color: #BEA67C;
    text-decoration: none;
}

.t{
       position: absolute;
	width: 250px;
	height: 29px;
	left: 600px;
	top: 28px;
	font-family: 'Advent Pro', sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 22px;
	line-height: 29px;
	color: white;
	text-decoration: none;
    transition: 0.5s ease-out;
}
.t:hover {
    color: #BEA67C;
    text-decoration: none;
}

.fline {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 325px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline2 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 460px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.fline3 {
    	position: absolute;
	width: 17px;
	height: 0px;
	left: 600px;
	top: 45px;
	mix-blend-mode: normal;
	border: 0.5px solid #FFFFFF;
	transform: rotate(90deg);
}

.copyright {
	position: absolute;
	width: 100%;
	height: 100px;
	top: 1530px;
	background: #000000;
}

.by_ab {
    position: absolute;
    width: 400px;
    height: 15px;
    left: 400px;
    top: 35px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}

.copy_ab {
    position: absolute;
    width: 520px;
    height: 15px;
    left: 350px;
    top: 55px;
    font-family: 'Raleway', sans-serif;
    font-style: normal;
    font-weight: 200;
    font-size: 10px;
    line-height: 19px;
    color: #FFFFFF;
}
.top_ab {
    position: absolute;
    width: 37px;
    height: 14px;
    left: 870px;
    top: 50px;
    background: url("../images/top_button.webp") no-repeat;
    display: inline-block;
    transition: 0.5s ease-out;
}
.top_ab:hover {
    background: url("../images/top_button_sand.webp") no-repeat;
}
     
}

/* END About */

.logo{
    padding-left: 225%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px){
    #navLinks{
        width: 0%;
        }
        #kmenu{
            display: none;
            padding-right: 35px;
            text-align: center;
           height: 50%;
          overflow: auto;
          margin: auto;
          position: absolute;
          top: 0; left: 0; bottom: 0; right: 0;
        }
        #closebtn{
            display: none;
            float: right;
            margin-right: 5%;
            margin-top: 15%;
        }
        .logo{
            padding-left: 20px;
        }

}

.active1{
    color: #BEA67C !important;
    text-decoration: none !important;
    font-size: 24px !important;
    font-family: 'Advent Pro', sans-serif !important;
    font-weight: 200 !important;
    padding-bottom: 3px !important;
    border-bottom-style: solid !important;
	border-bottom-width:3px !important; 
    transition-delay: 2s;
 
}