html,body{
    width: 100%;    
    margin: 0;
    padding: 0;    
    background-color: #e1e1e7;
    /* word-spacing: normal; */
}
h1{
    font-size: 3rem !important;
}
.whitebg{
    background-color: #e1e1e7;
}
/* @font-face { 
    font-family: "Alex_Brush"; 
    src: url("../../assets/fonts/Alex_Brush/AlexBrush-Regular.ttf") format("ttf"); 

    src: url("../../assets/fonts/Source_Sans_Pro/SourceSansPro-Bold.ttf") format("ttf"); 
    src: url("../../assets/fonts/Source_Sans_Pro/SourceSansPro-Light.ttf") format("ttf"); 
    src: url("../../assets/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf") format("ttf"); 

    src: url("../../assets/fonts/Lato/Lato-Regular.ttf") format("ttf"); 
    src: url("../../assets/fonts/Lato/Lato-Light.ttf") format("ttf");     
    src: url("../../assets/fonts/Lato/Lato-Bold.ttf") format("ttf");     
}  */
  
.sanspro_regular{
    /* font-family: SourceSansPro-Regular; */
    font-family: Source Sans Pro;
}
.sanspro_bold{
    /* font-family: SourceSansPro-Bold; */
    font-family: Source Sans Pro;
    font-weight:700;
}
.sanspro_light{
    /* font-family: SourceSansPro-Light; */
    font-family: Source Sans Pro;
    font-weight:200;
}
.lato_regular{
    font-family: Lato-Regular;
}
.righttext{
    text-align: right;
}
.lefttext{
    /* text-align: left; */
    text-decoration: none;
}
.whitetext{
    color: white;
}
.sliderhead{
    color: white;       
}
.sliderdesc{
    color: white;
    margin-right: 2%;
    font-family: Lato !important;
    word-spacing: normal;
    /* font-family: Lato-Regular !important; */
    text-align: left !important;
}
.menunav a{
    font-size:large !important;
    text-decoration: none;
    color:white;
}
.menunav a:hover{
    color:#c0b0b0;
}
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%);    
}   

.middlebg{
    background-image: url("../../assets/design/middle_bg.png");   
    background-position: center;
    background-size: cover;  
    background-repeat: repeat;    
    /* background-size: 385px;  */
}
.sliderimg{
    /* display: block;
    margin-left: auto;
    margin-right: auto; 
     max-width: 90%; */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:20%;
}
.sliderimg1{    
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-top:5%; */
}

.appleftimg{
    /* max-width:100%; */
    /* max-width:70%; */

    /* display: block;
    margin-left: auto;
    margin-right: auto; */

    display: block;
    margin-right: auto;
    margin-left: 0;

    /* background-image: url("../../assets/design/design_left.png");   
    background-position: center;
    background-repeat: no-repeat;  
    background-size: cover;     
    background-size: 385px;         */
} 
.apprightimg{
    /* max-width:100%; */
    /* max-width:70%; */
    /* background-image: url("../../assets/design/leftapp.png");   
    background-position: center;
    background-repeat: no-repeat;  
    background-size: cover;     
    background-size: 385px;      */        
    /* margin-left: auto;
    margin-right: auto; */

    display: block;
    margin-right: 0;
    margin-left: auto;
}
.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 !important;    
    max-width: 170px;
    /* max-width: 100%; */
    margin-top:2%;
}
.storeimg1{
    display: inline-block !important;    
    max-width: 150px;
    margin-top:2%;
}
.margin5{
    /* margin:5%; */
    margin:3%;
}
.margin10{
    margin:15%;
}
.smallimgdiv{    
    display: none;
}
.largeimgdiv{
    display: contents;
}
.footer{
    position: relative;
}
.footerbg{
    background-image: url("../../assets/design/footer_bg.png");      
    background-position: center;
    background-size: cover;    
    height:550px;        
}
.footerimg{
    color: black;
    position: absolute;
    right:2%;
    top: -29%;
    max-width: 100%; 
    height: 840px;
}
.footerhead{
    color: white;
    margin:10% 10%;    
    font-family:  auto;
}
.footerhead1{
    color: white;
    margin:10% 0%;    
    font-family:  auto;
}

.footersubtext{
    color: white;
    margin:1% 10%;
    font-family:  auto;
    /* font-family:  Book Antiqua; */
}
.footerform{
    display: block;
    width: 100%;
    margin: 3% 0%;
    padding: 2.5%;
    background-color: #747a85;
    /* background-color: #e1e1e7; */
    opacity: 0.7;
    border: 1px solid #747a85;
    border-radius: 7px;
    color: white;
    font-family: sans-serif;    
}
.footerform1{
    display: block;    
    margin: 2% 0%;
    padding: 2% 12%;
    background-color: #e6e5ea;
    border: 1px solid #e6e5ea;
    border-radius: 7px;
    color: black;    
    font-family: sans-serif;
}
.footerform1:hover{    
    background-color: #747a85;
    border: 1px solid #747a85;    
    color: white;
}
::placeholder { 
    color: white;     
    opacity: 1;
}

.footertext{
    position: relative;
    top:80%;
    border-top: 2px solid black;        
    /* border-top: 2px solid white;         */
    margin-right: 7.5%;
    margin-left: 7.5%;
    text-align: center;
    padding: 1%;
    color:rgb(7, 7, 7);
    opacity: 0.7;
}
.footerhr{
    border-top: 2px dashed white;opacity: 0.6;
}
.imgcenter{
 margin: 3% -10%;   
}
.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) {   
    .footer{
        height:550px;
    }
    .footerbg{
        height:550px;        
    }
    .footerimg{
        top:-24%;
    }
    .footerhead{    
        margin:8% 10%;        
    }
    .footerhead1{    
        margin:8% 0%;        
    }
}    

@media only screen and (max-width: 950px) {  
    h1{
        font-size: 2.5rem !important;
    }
    .sliderhead{                
        font-size: 2.1rem !important;        
    }
}

/* @media only screen and (max-width: 768px) {   */
@media only screen and (max-width: 767px) {  
    .bgtopleft{
        max-width:40%;
    }
    .footerimg{
        display: none;
    }
    .bgtopright{
        max-width:20%;   
    }     
    .sitelogo{        
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top:1%;
    } 
    .menunav{        
        margin-top: 2%;
        text-align: center;                
        float: none;
        margin-right: 0 !important;
        font-size: medium;
    }
    .menunav a{
        font-size:large;     
    }
    .apprightimg1{
        /* background-size: 255px; */
        background-size: 80%;
    }
    .appleftimg1{
        /* background-size: 255px; */
        /* background-size: 300px; */
        background-size: 80%;
    }
   .apprightimg{       
        max-width:80%;
        position: relative;          
        display: inline-block;               
        left: 50%;      
        transform: translate(-50%); 

        /* image blur fixing  */
        image-rendering: -moz-crisp-edges; /* Firefox */
        image-rendering: -o-crisp-edges; /* Opera */
        image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    }
    .appleftimg{
        max-width:80%;
        position: relative;         
        display: inline-block;      
        left: 50%;                  
        transform: translate(-50%);

        /* image blur fixing  */
        image-rendering: -moz-crisp-edges; /* Firefox */
        image-rendering: -o-crisp-edges; /* Opera */
        image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
        image-rendering: crisp-edges;
        -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
    } 
    .largeimgdiv{
        display: none;
    }
    .smallimgdiv{
        display: block;
        width:100%;
    }
    .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;      
    }    
    .storeimg1{                
        margin-top:2%;
        display: block;
        margin-left: auto;
        margin-right: auto;      
    }    
    .applogo{
        border: none;
        border-radius: 0px;
        max-width: 50%;
    }
    .sliderimg{
        display: none;
    }
    .sliderimg1{
        display: none;
    }
    .sliderhead{
        display: block;
        margin-left: auto;
        margin-right: auto;
        /* max-width: 90%; */
        margin-top:20%;  
        /* font-size: large !important;         */
        font-size: 1.5rem !important;        
    }
    .sliderhead1{        
        font-size: 1rem !important;        
    }
    .sliderdesc{
        font-size: small;
    }
    .container{
        max-width: 100% !important;
    }
    h1,p,.righttext,.lefttext {
        text-align: center;
    }
    h1{
        font-size: 2rem !important;
    }    
    .footerbg{     
        height:auto;        
    }
    .footerhead1{
        color: white;
        margin:10% 10%;    
        font-family:  auto;
    }
}   
@media only screen and (max-width: 450px) {  
    .sliderhead{        
        margin-top:27%;          
    }
    h5{
        font-size: 1.1rem;
    }
    .menunav{
        margin-top: 1%;
    }
    .menunav a{
        font-size: small;        
    }
    .sliderdesc{
        margin-bottom: 0.5rem;
    }
}