/*Extra small devices portrait phones, less than 576px*/
@media (max-width: 575.98px) {

/*banner part start*/
#navmenu ul li {
    text-align: right;
}
.banner_body .banner_cont h1 {
    
    font-size: 26px !important;
    
}
#navmenu ul li a {
    display: inline-block;
}
#banner_part{
    height: 120vh;

}

.banner_body .banner_cont {
    padding-top: 20px !important;
}

/*about section start*/
#about_part .about_body .title_body {
    padding-top: 50px !important;
}
#about_part .about_body .title_body .section_title h1{
font-size:20px ;
font-weight: bold;
}
#about_part .about_body .title_body .section_title .title_circle{
    right: -40px !important;
 
}
#about_part .about_body .about_content h2 {
    font-size: 25px;

}
#about_part .about_body .about_content h5 {
    font-size: 15px;
}
#about_part .about_body .button_part .button_hire, .button_cv {
    font-size: 20px !important;
}

/*service part*/
.service_box{
    margin-bottom: 50px;
}

/*package part*/
.price-card{
    margin-bottom: 50px;
}






 




 }
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 

/*banner part start*/
#navmenu ul li {
    text-align: right;
}
.banner_body .banner_cont h1 {  
    font-size: 26px !important;
    
}
#navmenu ul li a {
    display: inline-block;
}
#banner_part{
    height: 130vh !important;

}
.banner_body .banner_cont {
    padding-top: 20px !important;
}

/*about part start */
/*about section start*/
#about_part .about_body .title_body {
    padding-top: 50px !important;
}
#about_part .about_body .title_body .section_title h1{
font-size:20px ;
font-weight: bold;
}
#about_part .about_body .title_body .section_title .title_circle{
    right: -40px !important;
 
}
#about_part .about_body .about_content h2 {
    font-size: 30px !important;

}
#about_part .about_body .about_content h5 {
    font-size: 20px !important;
}
#about_part .about_body .button_part .button_hire, .button_cv {
    font-size: 20px !important;
}

/*service part*/
.service_box{
    margin-bottom: 50px;
}



/*package part*/
.price-card{
    margin-bottom: 50px;
}









}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 

/*banner part start*/
#navmenu ul li {
    text-align: right;
}

#navmenu ul li a {
    display: inline-block;
}

#about_part:hover .title_circle {
    top: -40px;
    right: 290px !important;
    transition: all linear .5s;
    color: #FF9900;
}
#banner_part{
    height: 80vh !important;

}
.banner_body .banner_cont {
    padding-top: 30px !important;
}

/*about section start*/
#about_part .about_body .title_body {
    padding-top: 50px !important;
}
#about_part .about_body .title_body .section_title .title_circle{
    right: -20px !important;
 
}
#about_part .about_body .about_content h2 {

    font-size: 55px !important;
}
#about_part .about_body .about_content h5 {
    font-size: 23px !important;
}
#about_part .about_body .title_body {

    justify-content: left !important; 
}







 }
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
/*banner section start*/
#about_part:hover .title_circle {

    right: 210px !important;

}
#about_part .about_body .about_content h2 {

    font-size: 45px !important;
}
#about_part .about_body .about_content h5 {
    font-size: 20px !important;
}

/*about part start*/
#banner_part{
    height: 100vh !important;

}







}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1399.98px) { 

/*about part start*/
#about_part:hover .title_circle {

    right: 260px !important;

}







 }
 @media (min-width: 1400px) { 

/*about part start*/
#about_part:hover .title_circle {

    right: 320px !important;

}







 }