/******************************************************************************** Nav bar ***********************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
.logo
{
    margin-top: -20px;
    width: 150px;
    margin-left: 55px;
}   

.navbar a:hover
{
    color: #000000;
    text-decoration: none;
}
.form1
{
    background-color:#f2b661;
    padding-top:1%;
    padding-bottom:2%;
}
.form1 p
{
    color: #fff;
    font-size:22px;
}
.ip
{
    width:20%;
    background-color:#fff;
    height:40px;
    padding-left:1%;
    color: #000;
    font-family: poppins;
    font-size: 18px;
    border:1px solid #fff;
    margin-left:20px;
    font-weight: normal;
}
.ip-btn
{
    width:12%;
    background-color: #fff;
    border:1px solid #fff;
    height:50px;
    border-radius: 80px;
    font-size:22px;
    font-weight: bolder;
    color: #000;
    margin-left:30px;
}
.ip-btn:hover
{
    color:black;
}
.sh{
    display: block;
}
@media(max-width: 600px){

.sh{
    display:none;
}
   .form1
    {
        padding-top:1%;
        padding-bottom: 3%;
    }
    .form1 p
    {
        margin-top: 10px;
        margin-bottom: -10px;
        font-size:25px;
    }
    .ip
    {
        width:90%;
        height:45px;
        margin-left:0px;
        margin-top: 5%;
    }
    .ip-btn
    {
        width:70%;
        height:50px;
        font-size:20px;
        margin-left:0px;
        margin-top: 5%;
        margin-bottom: 5%;
    }
}
.ntr
{
    margin-left: auto;
    margin-right: 50px;
	font-size:17px;
}

.ntext
{
    color: black;
    font-size: 16px;
    margin-left: 30px;
}


.cnav
{
    background-color: #ffffff;
}

/******************************************************************************** Banner ***********************************************************************/

.banner1
{
    background-image: url(../images/banner1.jpg);
    background-size:cover;
    width: 100%;
    height:690px;
}

.bannertext1
{
    font-size:65px;
    padding: 150px 0px 0px 0px;
    font-family: Lato;
    color: #f2b661;
    font-family: Lato;
}
.bannertext2
{
    font-size:65px;
    padding: 0px 0px 0px 0px;
    color: #ffffff;
}


/***************************************************************************Form **********************************************************************************/











/****************************************************************************** 3box *********************************************************************************/

.boxcolor
{
    background-color:#212121;

}

.boximg1
{
    width:100%;
    margin-top: 30px;
}

.boximg2
{
    width:100%;
    margin-top: 30px;
}

.boxhead
{
color: #00a2ff;
margin-top: 30px;
}

.boxtext
{
    color: #ffffff;
}

.boxtext1
{
    color: #ffffff;
}


/****************************************************************************** About me *********************************************************************************/

.hugeimg
{
    width: 85%;
    margin-top: 35px;
    height: 450px;
    float:right;
}

.abouthead
{
    font-size: 40px;
    color: #00a2ff;
    margin-top: 35px;
    font-weight: bold;
}

.abouttext1
{
    font-size: 19px;
    margin-top: 20px;
    text-align: justify;
}

.abouttext2
{
    font-size: 19px;
    margin-top: 20px;
    text-align: justify;
}

/****************************************************************************** Service *********************************************************************************/

.banner2
{
    background-image: url(../images/banner2.png);
    background-size: cover;
    width: 100%;
    height: 800px;
    margin-top: 30px;
}

.service
{
    text-align: center;
    font-size: 40px;
    color: #00a2ff;
    padding-top:40px;
    font-weight: bold;
    text-align: center;
}

.servicetext
{
    font-size: 18px;
    color: #ffffff;
    padding-top:10px;
    text-align: justify;

}

.roundimg
{
    width:220px;
    margin-top:30px;
}

.roundhead
{
    text-align: center;
    font-size:24px;
    color: #00a2ff;
    font-weight: bold;
    margin-top: 15px;
}

.roundtext
{
    margin-top: 15px;
    font-size: 18px;
    text-align: justify;
    color: #ffffff;
}


.roundtext3
{
    margin-top: 15px;
    font-size: 18px;
    text-align: justify;
    color: #ffffff;
}

/****************************************************************************** Our Mission*********************************************************************************/

.ourmission
{
    text-align: center;
    font-size: 40px;
    color: #00a2ff;
    padding-top:30px;
    font-weight: bold;
}

.missionimg
{
    width: 100%;
    margin-top: 15px;
}

.missiontext1
{
    font-size: 18px;
    text-align: justify;
    margin-top: 15px;
}

.missiontext2
{
    font-size: 18px;
    text-align: justify;
    margin-top: 15px;
}



/******8******************************************************Footer************************************************************************/


.footerbox
{
    background-color:#1d1d1d;
    width:100%;
    height: 450px;
    margin-top: 20px;
}

.headfooter
{
    font-size:18px;
    font-weight: bold;
    color: #eeeeee; 
	margin-left:20px; 
}

.footertext1
{
    margin-top:20px; 
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}

.footertext
{
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}


.footertext3
{
    margin-bottom: 5px;
    color: #ffffff;
	margin:10px 0px 20px 20px;
}

.footer6
{
    margin-top: 90px;
}

.footerbox a {
    color: #fff;
    text-decoration: none;
}

.footerbox a:hover
{
    color: #ffffff;
}



/*********************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************/

@media only screen and (min-width:320px) and (max-width:370px)
{
    
.logo
{
    width:160px;
    margin-left: -20px;
}


.banner1
{
    background-image: url(../images/banner1.jpg);
    background-size:cover;
    max-width: 100%;
    height:320px;
}

.bannertext1
{
    font-size: 28px;
    padding-top:100px;
    text-align: center;
    color: #0166ff;
    font-weight: bold;
    font-family: Lato;
}
.bannertext2
{
    font-size: 28px;
    padding-top: 0px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
}



/********************************************* 3 box *****************************************************/
.boxcolor
{
    background-color:#212121;
    height: auto;

}

.boximg1
{
    width:50%;
    margin-top: 30px;
    text-align: center;
}

.boximg2
{
    width:50%;
    margin-top:15px;
    text-align: center;
}

.boxhead
{
color: #00a2ff;
margin-top: 10px;
text-align: center;
font-weight: bold;
}

.boxtext
{
    color: #ffffff;
    text-align: center;
}

.boxtext1
{
    color: #ffffff;
    text-align: center;
    margin-bottom: 50px;
}


/****************************************************************************** About me *********************************************************************************/

.hugeimg
{
    width:100%;
    margin-top: 25px;
    height:auto;
    text-align: center;
}

.abouthead
{
    font-size:32px;
    color: #00a2ff;
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}

.abouttext1
{
    font-size: 16px;
    margin: 10px 10px 0px 10px;
    text-align: justify;
}

.abouttext2
{
    font-size: 16px;
    margin: 10px 10px 0px 10px;
    text-align: justify;

}



/****************************************************************************** Service *********************************************************************************/

.banner2
{
    background-image: url(../images/bannerm2.jpg);
    background-size: cover;
    max-width: 100%;
    height:auto;
    margin-top: 20px;
}

.service
{
    text-align: center;
    font-size:32px;
    color: #00a2ff;
    padding-top:15px;
    font-weight: bold;
    text-align: center;
}

.servicetext
{
    font-size: 16px;
    color: #ffffff;
    padding-top:5px ;
    text-align: justify;

}

.roundimg
{
    width:60%;
    margin-top:30px;
}

.roundhead
{
    text-align: center;
    font-size:26px;
    color: #00a2ff;
    font-weight: bold;
    margin-top: 15px;
}

.roundtext
{
    margin-top: 10px;
    font-size: 16px;
    text-align: justify;
    color: #ffffff;
}

.roundtext3
{
    margin-top: 10px;
    font-size: 16px;
    text-align: justify;
    color: #ffffff;
    margin-bottom: 15px;
}


/****************************************************************************** Our Mission*********************************************************************************/

.ourmission
{
    text-align: center;
    font-size: 32px;
    color: #00a2ff;
    padding-top:15px;
    font-weight: bold;
}

.missionimg
{
    width: 100%;
    margin-top: 8px;
}

.missiontext1
{
    font-size: 16px;
    text-align: justify;
    margin: 8px 10px 0px 10px;
}

.missiontext2
{
    font-size: 16px;
    text-align: justify;
    margin: 8px 10px 0px 10px;
}


/******8******************************************************Footer************************************************************************/


.footerbox
{
    background-color:#1d1d1d;
    width:100%;
    height: auto;
    margin-top: 20px;
}

.headfooter
{
    font-size:18px;
    font-weight: bold;
    color: #eeeeee; 
	margin-left:20px; 
}

.footertext1
{
    margin-top:20px; 
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}

.footertext
{
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}


.footertext3
{
    margin-bottom: 5px;
    color: #ffffff;
	margin:10px 0px 20px 20px;
}

.footer6
{
    margin-top: 40px;
}

.footerbox a {
    color: #fff;
    text-decoration: none;
}

.footerbox a:hover
{
    color: #ffffff;
}


}



/*********************************************************************************************************************************************************************/
/*********************************************************************************************************************************************************************/

@media only screen and (min-width:371px) and (max-width:480px)
{
    
.logo
{
    width:160px;
    margin-left: -20px;
}


.banner1
{
    background-size:cover;
    max-width: 100%;
    height:220px;
}

.bannertext1
{
    font-size: 32px;
    padding-top:100px;
    text-align: center;
    color: #0166ff;
    font-weight: bold;
    font-family: Lato;
}
.bannertext2
{
    font-size: 34px;
    padding-top: 10px;
    color: #ffffff;
    font-weight: bold;
}



/********************************************* 3 box *****************************************************/
.boxcolor
{
    background-color:#212121;
    height: auto;

}

.boximg1
{
    width:50%;
    margin-top: 30px;
    text-align: center;
}

.boximg2
{
    width:50%;
    margin-top:15px;
    text-align: center;
}

.boxhead
{
color: #00a2ff;
margin-top: 10px;
text-align: center;
font-weight: bold;
font-size: 17px;
}

.boxtext
{
    color: #ffffff;
    text-align: center;
    font-size: 16px;
}

.boxtext1
{
    color: #ffffff;
    text-align: center;
    margin-bottom: 50px;
}


/****************************************************************************** About me *********************************************************************************/

.hugeimg
{
    width:75%;
    margin-top: 25px;
    height:380px;
float: initial;
}

.abouthead
{
    font-size:32px;
    color: #00a2ff;
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}

.abouttext1
{
    font-size: 16px;
    margin: 10px 10px 0px 10px;
    text-align: justify;
}

.abouttext2
{
    font-size: 16px;
    margin: 10px 10px 0px 10px;
    text-align: justify;

}



/****************************************************************************** Service *********************************************************************************/

.banner2
{
    background-image: url(../images/bannerm2.jpg);
    background-size: cover;
    max-width: 100%;
    height:auto;
    margin-top: 20px;
}

.service
{
    text-align: center;
    font-size:32px;
    color: #00a2ff;
    padding-top:15px;
    font-weight: bold;
    text-align: center;
}

.servicetext
{
    font-size: 16px;
    color: #ffffff;
    padding-top:5px ;
    text-align: justify;

}

.roundimg
{
    width:60%;
    margin-top:20px;
}

.roundhead
{
    text-align: center;
    font-size:26px;
    color: #00a2ff;
    font-weight: bold;
    margin-top: 15px;
}

.roundtext
{
    margin-top: 10px;
    font-size: 16px;
    text-align: justify;
    color: #ffffff;
}

.roundtext3
{
    margin-top: 10px;
    font-size: 16px;
    text-align: justify;
    color: #ffffff;
    margin-bottom: 15px;
}


/****************************************************************************** Our Mission*********************************************************************************/

.ourmission
{
    text-align: center;
    font-size: 32px;
    color: #00a2ff;
    padding-top:15px;
    font-weight: bold;
}

.missionimg
{
    width: 100%;
    margin-top: 8px;
}

.missiontext1
{
    font-size: 16px;
    text-align: justify;
    margin: 8px 10px 0px 10px;
}

.missiontext2
{
    font-size: 16px;
    text-align: justify;
    margin: 8px 10px 0px 10px;
}


/******8******************************************************Footer************************************************************************/


.footerbox
{
    background-color:#1d1d1d;
    width:100%;
    height: auto;
    margin-top: 20px;
}

.headfooter
{
    font-size:18px;
    font-weight: bold;
    color: #eeeeee; 
	margin-left:20px; 
}

.footertext1
{
    margin-top:20px; 
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}

.footertext
{
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}


.footertext3
{
    margin-bottom: 5px;
    color: #ffffff;
	margin:10px 0px 20px 20px;
}

.footer6
{
    margin-top: 40px;
}

.footerbox a {
    color: #fff;
    text-decoration: none;
}

.footerbox a:hover
{
    color: #ffffff;
}


}

/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
 
@media only screen and (min-width:481px) and (max-width:600px)
{
    
.logo
{
    width:220px;
    margin-left: -10px;
}


.banner1
{
    background-image: url(../images/banner1.jpg);
    background-size:cover;
    max-width: 100%;
    height:320px;
}

.bannertext1
{
    font-size:34px;
    padding-top:100px;
    text-align: center;
    color: #0166ff;
    font-weight: bold;
    font-family: Lato;
}
.bannertext2
{
    font-size: 36px;
    padding-top: 10px;
    color: #ffffff;
    font-weight: bold;
}



/********************************************* 3 box *****************************************************/
.boxcolor
{
    background-color:#212121;
    height: auto;

}

.boximg1
{
    width:50%;
    margin-top: 30px;
    text-align: center;
}

.boximg2
{
    width:50%;
    margin-top:15px;
    text-align: center;
}

.boxhead
{
color: #00a2ff;
margin-top: 10px;
text-align: center;
font-weight: bold;
font-size:20px;
}

.boxtext
{
    color: #ffffff;
    text-align: center;
    font-size: 17px;
}

.boxtext1
{
    color: #ffffff;
    text-align: center;
    margin-bottom: 50px;
}


/****************************************************************************** About me *********************************************************************************/

.hugeimg
{
    width:75%;
    margin-top: 25px;
    height:380px;
float: initial;
}

.abouthead
{
    font-size:34px;
    color: #00a2ff;
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}

.abouttext1
{
    font-size: 17px;
    margin: 10px 10px 0px 10px;
    text-align: justify;
}

.abouttext2
{
    font-size: 17px;
    margin: 10px 10px 0px 10px;
    text-align: justify;

}



/****************************************************************************** Service *********************************************************************************/

.banner2
{
    background-image: url(../images/bannerm2.jpg);
    background-size: cover;
    max-width: 100%;
    height:auto;
    margin-top: 20px;
}

.service
{
    text-align: center;
    font-size:34px;
    color: #00a2ff;
    padding-top:15px;
    font-weight: bold;
    text-align: center;
}

.servicetext
{
    font-size: 17px;
    color: #ffffff;
    padding-top:5px ;
    text-align: justify;

}

.roundimg
{
    width:60%;
    margin-top:20px;
}

.roundhead
{
    text-align: center;
    font-size:28px;
    color: #00a2ff;
    font-weight: bold;
    margin-top: 15px;
}

.roundtext
{
    margin-top: 10px;
    font-size: 17px;
    text-align: justify;
    color: #ffffff;
}

.roundtext3
{
    margin-top: 10px;
    font-size: 17px;
    text-align: justify;
    color: #ffffff;
    margin-bottom: 15px;
}


/****************************************************************************** Our Mission*********************************************************************************/

.ourmission
{
    text-align: center;
    font-size: 34px;
    color: #00a2ff;
    padding-top:15px;
    font-weight: bold;
}

.missionimg
{
    width: 100%;
    margin-top: 8px;
}

.missiontext1
{
    font-size: 17px;
    text-align: justify;
    margin: 8px 10px 0px 10px;
}

.missiontext2
{
    font-size: 17px;
    text-align: justify;
    margin: 8px 10px 0px 10px;
}


/******8******************************************************Footer************************************************************************/


.footerbox
{
    background-color:#000000;
    width:100%;
    height: auto;
    margin-top: 20px;
}

.headfooter
{
    font-size:18px;
    font-weight: bold;
    color: #eeeeee; 
	margin-left:20px; 
}

.footertext1
{
    margin-top:20px; 
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}

.footertext
{
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}


.footertext3
{
    margin-bottom: 5px;
    color: #ffffff;
	margin:10px 0px 20px 20px;
}

.footer6
{
    margin-top: 40px;
}

.footerbox a {
    color: #fff;
    text-decoration: none;
}

.footerbox a:hover
{
    color: #ffffff;
}


}


/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
 
@media only screen and (min-width:601px) and (max-width:767px)
{
    
.logo
{
    width:220px;
    margin-left: -10px;
}


.banner1
{
    background-image: url(../images/banner1.jpg);
    background-size:cover;
    max-width: 100%;
    height:320px;
}

.bannertext1
{
    font-size:36px;
    padding-top:110px;
    text-align: center;
    color: #0166ff;
    font-weight: bold;
    font-family: Lato;
}
.bannertext2
{
    font-size: 40px;
    padding-top: 10px;
    color: #ffffff;
    font-weight: bold;
}



/********************************************* 3 box *****************************************************/
.boxcolor
{
    background-color:#212121;
    height: auto;

}

.boximg1
{
    width:50%;
    margin-top: 30px;
    text-align: center;
}

.boximg2
{
    width:50%;
    margin-top:15px;
    text-align: center;
}

.boxhead
{
color: #00a2ff;
margin-top: 10px;
text-align: center;
font-weight: bold;
font-size:20px;
}

.boxtext
{
    color: #ffffff;
    text-align: center;
    font-size: 17px;
}

.boxtext1
{
    color: #ffffff;
    text-align: center;
    margin-bottom: 50px;
}


/****************************************************************************** About me *********************************************************************************/

.hugeimg
{
    width:65%;
    margin-top: 25px;
    height:380px;
float: initial;
}

.abouthead
{
    font-size:34px;
    color: #00a2ff;
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}

.abouttext1
{
    font-size: 17px;
    margin: 10px 0px 0px 0px;
    text-align: justify;
}

.abouttext2
{
    font-size: 17px;
    margin: 10px 0px 0px 0px;
    text-align: justify;

}



/****************************************************************************** Service *********************************************************************************/

.banner2
{
    background-image: url(../images/banner2.png);
    background-size: cover;
    max-width: 100%;
    height:auto;
    margin-top: 20px;
}

.service
{
    text-align: center;
    font-size:34px;
    color: #00a2ff;
    padding-top:15px;
    font-weight: bold;
    text-align: center;
}

.servicetext
{
    font-size: 17px;
    color: #ffffff;
    padding-top:5px ;
    text-align: justify;

}

.roundimg
{
    width:60%;
    margin-top:20px;
}

.roundhead
{
    text-align: center;
    font-size:28px;
    color: #00a2ff;
    font-weight: bold;
    margin-top: 15px;
}

.roundtext
{
    margin-top: 10px;
    font-size: 17px;
    text-align: justify;
    color: #ffffff;
}

.roundtext3
{
    margin-top: 10px;
    font-size: 17px;
    text-align: justify;
    color: #ffffff;
    margin-bottom: 15px;
}


/****************************************************************************** Our Mission*********************************************************************************/

.ourmission
{
    text-align: center;
    font-size: 34px;
    color: #00a2ff;
    padding-top:15px;
    font-weight: bold;
}

.missionimg
{
    width: 100%;
    margin-top: 8px;
}

.missiontext1
{
    font-size: 17px;
    text-align: justify;
    margin: 8px 0px 0px 0px;
}

.missiontext2
{
    font-size: 17px;
    text-align: justify;
    margin: 8px 0px 0px 0px;
}


/******8******************************************************Footer************************************************************************/


.footerbox
{
    background-color:#000000;
    width:100%;
    height: auto;
    margin-top: 20px;
}

.headfooter
{
    font-size:18px;
    font-weight: bold;
    color: #eeeeee; 
	margin-left:20px; 
}

.footertext1
{
    margin-top:20px; 
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}

.footertext
{
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}


.footertext3
{
    margin-bottom: 5px;
    color: #ffffff;
	margin:10px 0px 20px 30px;
}

.footer6
{
    margin-top: 40px;
}

.footerbox a {
    color: #fff;
    text-decoration: none;
}

.footerbox a:hover
{
    color: #ffffff;
}


}



/***************************************************************************************************************************************/
/***************************************************************************************************************************************/
 
@media only screen and (min-width:768px) and (max-width:991px)
{
    
.logo
{
    width:250px;
    margin-left: -10px;
}


.banner1
{
    background-image: url(../images/banner1.jpg);
    background-size:cover;
    max-width: 100%;
    height:360px;
}

.bannertext1
{
    font-size:45px;
    padding-top:120px;
    text-align: center;
    color: #0166ff;
    font-weight: bold;
    font-family: Lato;
}
.bannertext2
{
    font-size: 55px;
    padding-top: 10px;
    color: #ffffff;
    font-weight: bold;
}



/********************************************* 3 box *****************************************************/
.boxcolor
{
    background-color:#212121;
    height: auto;

}

.boximg1
{
    width:40%;
    margin-top: 30px;
    text-align: center;
}

.boximg2
{
    width:40%;
    margin-top:15px;
    text-align: center;
}

.boxhead
{
color: #00a2ff;
margin-top: 10px;
text-align: center;
font-weight: bold;
font-size:26px;
}

.boxtext
{
    color: #ffffff;
    text-align: center;
    font-size: 18px;
}

.boxtext1
{
    color: #ffffff;
    text-align: center;
    margin-bottom: 50px;
}


/****************************************************************************** About me *********************************************************************************/

.hugeimg
{
    width:50%;
    margin-top: 25px;
    height:400px;
float: initial;
}

.abouthead
{
    font-size:34px;
    color: #00a2ff;
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
}

.abouttext1
{
    font-size: 17px;
    margin: 10px 0px 0px 0px;
    text-align: justify;
}

.abouttext2
{
    font-size: 17px;
    margin: 10px 0px 0px 0px;
    text-align: justify;

}



/****************************************************************************** Service *********************************************************************************/

.banner2
{
    background-image: url(../images/banner2.png);
    background-size: cover;
    max-width: 100%;
    height:auto;
    margin-top: 20px;
}

.service
{
    text-align: center;
    font-size:34px;
    color: #00a2ff;
    padding-top:15px;
    font-weight: bold;
    text-align: center;
}

.servicetext
{
    font-size: 17px;
    color: #ffffff;
    padding-top:5px ;
    text-align: justify;

}

.roundimg
{
    width:40%;
    margin-top:20px;
}

.roundhead
{
    text-align: center;
    font-size:28px;
    color: #00a2ff;
    font-weight: bold;
    margin-top: 15px;
}

.roundtext
{
    margin-top: 10px;
    font-size: 17px;
    text-align: justify;
    color: #ffffff;
}

.roundtext3
{
    margin-top: 10px;
    font-size: 17px;
    text-align: justify;
    color: #ffffff;
    margin-bottom: 45px;
}


/****************************************************************************** Our Mission*********************************************************************************/

.ourmission
{
    text-align: center;
    font-size: 34px;
    color: #00a2ff;
    padding-top:15px;
    font-weight: bold;
}

.missionimg
{
    width: 75%;
    margin-top: 8px;
}

.missiontext1
{
    font-size: 17px;
    text-align: justify;
    margin: 20px 0px 0px 0px;
}

.missiontext2
{
    font-size: 17px;
    text-align: justify;
    margin: 8px 0px 0px 0px;
}


/******8******************************************************Footer************************************************************************/


.footerbox
{
    background-color:#000000;
    width:100%;
    height: auto;
    margin-top: 20px;
}

.headfooter
{
    font-size:18px;
    font-weight: bold;
    color: #eeeeee; 
	margin-left:20px; 
}

.footertext1
{
    margin-top:20px; 
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}

.footertext
{
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}


.footertext3
{
    margin-bottom: 5px;
    color: #ffffff;
	margin:10px 0px 20px 30px;
}

.footer6
{
    margin-top: 40px;
}

.footerbox a {
    color: #fff;
    text-decoration: none;
}

.footerbox a:hover
{
    color: #ffffff;
}


}

/***********************************************************************************************************************************************************/
/***********************************************************************************************************************************************************/

@media only screen and (min-width:992px) and (max-width:1024px)
{

.logo
{
  width: 230px;
}


.banner1
{
    background-image: url(../images/bannerl.jpg);
    background-size:cover;
    max-width: 100%;
    height:450px;
}

.bannertext1
{
    font-size:65px;
    padding: 130px 0px 0px 0px;
    color: #0166ff;
    font-family: Lato;
}
.bannertext2
{
    font-size: 70px;
    padding: 20px 0px 0px 0px;
    color: #ffffff;
}


/***************************************************************************Form **********************************************************************************/











/****************************************************************************** 3box *********************************************************************************/

.boxcolor
{
    background-color:#212121;

}

.boximg1
{
    width:100px;
    margin-top: 40px;
}

.boximg2
{
    width:100px;
    margin-top:40px;
}

.boxhead
{
color: #00a2ff;
margin-top: 30px;
}

.boxtext
{
    color: #ffffff;
}

.boxtext1
{
    color: #ffffff;
}


/****************************************************************************** About me *********************************************************************************/

.hugeimg
{
    width: 85%;
    margin-top:45px;
    height: 390px;
    float:right;
}

.abouthead
{
    font-size:34px;
    color: #00a2ff;
    margin-top: 35px;
    font-weight: bold;
}

.abouttext1
{
    font-size: 17px;
    margin-top: 20px;
    text-align: justify;
}

.abouttext2
{
    font-size: 17px;
    margin-top: 20px;
    text-align: justify;
}

/****************************************************************************** Service *********************************************************************************/

.banner2
{
    background-image: url(../images/banner2.png);
    background-size: cover;
    width: 100%;
    height: 800px;
    margin-top: 30px;
}

.service
{
    text-align: center;
    font-size: 40px;
    color: #00a2ff;
    padding-top:30px;
    font-weight: bold;
    text-align: center;
}

.servicetext
{
    font-size: 18px;
    color: #ffffff;
    padding-top:10px;
    text-align: justify;

}

.roundimg
{
    width:220px;
    margin-top:30px;
}

.roundhead
{
    text-align: center;
    font-size:24px;
    color: #00a2ff;
    font-weight: bold;
    margin-top: 15px;
}

.roundtext
{
    margin-top: 15px;
    font-size: 18px;
    text-align: justify;
    color: #ffffff;
}


.roundtext3
{
    margin-top: 15px;
    font-size: 18px;
    text-align: justify;
    color: #ffffff;
}

/****************************************************************************** Our Mission*********************************************************************************/

.ourmission
{
    text-align: center;
    font-size: 36px;
    color: #00a2ff;
    padding-top:20px;
    font-weight: bold;
}

.missionimg
{
    width: 100%;
    margin-top: 15px;
    height:320px;
}

.missiontext1
{
    font-size: 17px;
    text-align: justify;
    margin-top: 15px;
}

.missiontext2
{
    font-size: 17px;
    text-align: justify;
    margin-top: 15px;
}



/******8******************************************************Footer************************************************************************/


.footerbox
{
    background-color:#000000;
    width:100%;
    height: 450px;
    margin-top: 20px;
}

.headfooter
{
    font-size:18px;
    font-weight: bold;
    color: #eeeeee; 
	margin-left:20px; 
}

.footertext1
{
    margin-top:20px; 
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}

.footertext
{
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}


.footertext3
{
    margin-bottom: 5px;
    color: #ffffff;
	margin:10px 0px 20px 20px;
}

.footer6
{
    margin-top: 90px;
}

.footerbox a {
    color: #fff;
    text-decoration: none;
}

.footerbox a:hover
{
    color: #ffffff;
}
}


@media only screen and (min-width:1025px) and (max-width:1300px)
{

.logo
{
  width: 200px;
}


.banner1
{
    background-image: url(../images/bannerl.jpg);
    background-size:cover;
    max-width: 100%;
    height:450px;
}

.bannertext1
{
    font-size:65px;
    padding: 130px 0px 0px 0px;
    color: #0166ff;
    font-family: Lato;
}
.bannertext2
{
    font-size: 70px;
    padding: 20px 0px 0px 0px;
    color: #ffffff;
}


/***************************************************************************Form **********************************************************************************/











/****************************************************************************** 3box *********************************************************************************/

.boxcolor
{
    background-color:#212121;

}

.boximg1
{
    width:100px;
    margin-top: 40px;
}

.boximg2
{
    width:100px;
    margin-top:40px;
}

.boxhead
{
color: #00a2ff;
margin-top: 30px;
}

.boxtext
{
    color: #ffffff;
}

.boxtext1
{
    color: #ffffff;
}


/****************************************************************************** About me *********************************************************************************/

.hugeimg
{
    width: 85%;
    margin-top:45px;
    height: 390px;
    float:right;
}

.abouthead
{
    font-size:34px;
    color: #00a2ff;
    margin-top: 35px;
    font-weight: bold;
}

.abouttext1
{
    font-size: 17px;
    margin-top: 20px;
    text-align: justify;
}

.abouttext2
{
    font-size: 17px;
    margin-top: 20px;
    text-align: justify;
}

/****************************************************************************** Service *********************************************************************************/

.banner2
{
    background-image: url(../images/banner2.png);
    background-size: cover;
    width: 100%;
    height: 800px;
    margin-top: 30px;
}

.service
{
    text-align: center;
    font-size: 40px;
    color: #00a2ff;
    padding-top:30px;
    font-weight: bold;
    text-align: center;
}

.servicetext
{
    font-size: 18px;
    color: #ffffff;
    padding-top:10px;
    text-align: justify;

}

.roundimg
{
    width:220px;
    margin-top:30px;
}

.roundhead
{
    text-align: center;
    font-size:24px;
    color: #00a2ff;
    font-weight: bold;
    margin-top: 15px;
}

.roundtext
{
    margin-top: 15px;
    font-size: 18px;
    text-align: justify;
    color: #ffffff;
}


.roundtext3
{
    margin-top: 15px;
    font-size: 18px;
    text-align: justify;
    color: #ffffff;
}

/****************************************************************************** Our Mission*********************************************************************************/

.ourmission
{
    text-align: center;
    font-size: 36px;
    color: #00a2ff;
    padding-top:20px;
    font-weight: bold;
}

.missionimg
{
    width: 100%;
    margin-top: 15px;
    height:320px;
}

.missiontext1
{
    font-size: 18px;
    text-align: justify;
    margin-top: 15px;
}

.missiontext2
{
    font-size: 18px;
    text-align: justify;
    margin-top: 15px;
}



/******8******************************************************Footer************************************************************************/


.footerbox
{
    background-color:#000000;
    width:100%;
    height: 450px;
    margin-top: 20px;
}

.headfooter
{
    font-size:18px;
    font-weight: bold;
    color: #eeeeee; 
	margin-left:20px; 
}

.footertext1
{
    margin-top:20px; 
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}

.footertext
{
    margin-bottom: 5px;
    color: #eeeeee;
	margin-left:20px;
}


.footertext3
{
    margin-bottom: 5px;
    color: #ffffff;
	margin:10px 0px 20px 20px;
}

.footer6
{
    margin-top: 90px;
}

.footerbox a {
    color: #fff;
    text-decoration: none;
}

.footerbox a:hover
{
    color: #ffffff;
}
}