html,body{
    width: 100%;    
    margin: 0;
    padding: 0;    
}
.menunav a{
    font-size:large;
    text-decoration: none;
}
.menunav a:hover{
    color:#f4792d;
}
p{
    text-align:justify;
    word-spacing:-2px;
    font-size:large;
}
.sitelogo{
    margin:6% 15%;
}
.bgtopleft{
    position:absolute;left:0;top: 0;max-width:100%;
}
.bgtopright{
    position: absolute;right:0;top: 0;max-width:100%;   
}
.applogo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid transparent;
    border-radius: 50px;
}
.centerimgdiv{
    position: relative;          
    display: inline-block;       
    left: 50%;                   
    transform: translate(-50%);      
}
.textcenter{
    text-align: center;
    margin:2%;
}
.menunav{
    float: right;
    position: relative;
    top:50%;
    transform: translate(0,-50%);    
}      
.appleftimg{
    max-width:70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* background-image: url("../../assets/design/design_left.png");   
    background-position: center;
    background-repeat: no-repeat;  
    background-size: cover;     
    background-size: 385px;         */
} 
.apprightimg{
    max-width:70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* background-image: url("../../assets/design/leftapp.png");   
    background-position: center;
    background-repeat: no-repeat;  
    background-size: cover;     
    background-size: 385px;      */    
}
.apprightimg1{    
    background-image: url("../../assets/design/design_right.png");           
    background-position: center;
    background-repeat: no-repeat;  
    background-size: cover;     
    background-size: 385px;     
}
.appleftimg1{
    background-image: url("../../assets/design/design_left.png");       
    background-position: center;
    background-repeat: no-repeat;  
    background-size: cover;     
    background-size: 385px;        
}

.storeimg{
    display: inline-block;
    /*max-width: 180px;*/
    max-width: 170px;
    margin-top:2%;
}
.margin5{
    margin:5%;
}
.smallimgdiv{    
    display: none;
}
.largeimgdiv{
    display: contents;
}
.footerbg{
    background-image: url("../../assets/design/footer1.png");      
    background-position: center;
    background-size: cover;    
    height:500px;        
}
/* .footerline{
    position: relative;
    top:80%;
    border-top: 4px solid white;        
    margin-right: 7.5%;
    margin-left: 7.5%;
} */
.footertext{
    position: relative;
    top:80%;
    border-top: 2px solid white;        
    margin-right: 7.5%;
    margin-left: 7.5%;
    text-align: center;
    padding: 1%;
    color:white;
    opacity: 0.7;
}
.titlebg{
    background-image: url("../../assets/design/design_3.png");       
    background-repeat: no-repeat;  
    background-size: 55px;       
}
/* .titlebg h1{
    padding-left: 2.5%;   
} */
    
/* for display or hide gallary  */
@media only screen and (min-width: 1900px) {   
    .footerbg{
        height:680px;        
    }
}    
@media only screen and (max-width: 768px) {  
    .bgtopleft{
        max-width:40%;
    }
    .bgtopright{
        max-width:20%;   
    }     
    .sitelogo{        
        display: block;
        margin-left: auto;
        margin-right: auto;
    } 
    .menunav{        
        margin-top: 2%;
        text-align: center;                
        float: none;
        margin-right: 0;
        font-size: x-large;
    }
    .apprightimg1{
        /* background-size: 255px; */
        background-size: 80%;
    }
    .appleftimg1{
        /* background-size: 255px; */
        /* background-size: 300px; */
        background-size: 80%;
    }
    .apprightimg{
        max-width:80%;
        position: relative;          /* where the next element will be automatically positioned */
        display: inline-block;       /* causes element width to shrink to fit content */
        left: 50%;                   /* moves left side of image/element to center of parent element */
        transform: translate(-50%);
    }
    .appleftimg{
        max-width:80%;
        position: relative;          /* where the next element will be automatically positioned */
        display: inline-block;       /* causes element width to shrink to fit content */
        left: 50%;                   /* moves left side of image/element to center of parent element */
        transform: translate(-50%);
    }
    .smallimgdiv{
        display: block;
        width:100%;
    }
    .largeimgdiv{
        display: none;
    }
    .smallmargin{
        margin-left: -3%;
        margin-right: -3%;
    }
    .storeimg{        
        /* max-width: 70%; */
        /*max-width: 50%;*/
        margin-top:2%;
        display: block;
        margin-left: auto;
        margin-right: auto;
        /*position: relative;          */
        /*display: inline-block;       */
        /*left: 50%;                   */
        /*transform: translate(-50%);  */
    }    
    .applogo{
        border: none;
        border-radius: 0px;
        max-width: 50%;
    }
}