@media only screen and (max-width: 450px) and (min-width: 300px){

    .sidebar_edit{
        overflow: hidden!important;
    }
    .myfourthowl .center .item .clientcontent p{
        /* width: 20%; */
        font-size: 5px;
    }
    .homebtn{
        /* margin-top: 20px !important; */
    }
    .mycol{
        display: none;
    }
}
/* responsive */
/* @media only screen and (max-width: 370px) and (min-width: 300px){
    .homecontent{
        padding: 13px auto;
        margin-top: -79px;
    }
}
@media only screen and (max-width: 400px) and (min-width: 371px){
    .homecontent{
        padding: 15px auto;
    }
}
@media only screen and (max-width: 500px) and (min-width: 401px){
    .homecontent{
        padding: 20px auto;
    }
} */
@media only screen and (max-width: 991px) and (min-width: 300px){
    .homeh:after{
        /*display:none;*/
       
    }
   
    .homep{
        /*margin:0;*/
        padding-bottom:0;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
     .homeh{
         /*margin:0;*/
    }
}


@media only screen and (max-width: 767px) and (min-width: 300px){
    .navigation{
        overflow:hidden !important;
    }
    .nav-link{
        font-size:12px;
    }
    .homecontent{
        padding:20px;
    }
    .singleblog{
        width:100%;
    }
    .homeh:after{
        /*display:none;*/
        top: 65px;
    right: 0px;
    }
    .mapdiv{
        width: 100%;
        transform: translate(0,0);
    }
    .mapside {
        width: 350px;
        height: 290px;
        background-color: #fff;
        border-radius: 20px;
        position: absolute;
        z-index: 1;
        /* top: 2022px; */
        /* top: 2057px; */
        top: 50%;
        transform: translate(30%, -50%);
        right: 20%;
        padding: 20px;
        width: 71%;
    }
    .forgetlabel{
        margin: auto;
        display: none;
    }
    .shapefour{
        display: none;
    }
    .mapdivv:after{
        display: none;
    }

    .mynavpills{
        margin: 0 !important;
    }
    .notitem{
        margin: 0 !important;
    }
    .ssinputimg {
        display: none;
    }
    .contactush3:after{
        display: none;
    }
    .contactimg{
        margin: 2em 0;
    }
    .contactusphone{
        /*text-align: center;*/
    }
    .blogitemm{
        margin: 1.5em 0 !important;
    }
    .list{
        /*margin: 10px!important;*/
    }
    .navigation > ul{
        margin: 0!important;
    }
   
    .safety {
        padding:1em;
    }
    .avatar-edit input + label{
        margin-top:5px;
    }
    .manageprofile h2 {
        font-size:20px;
    }
    .avatar-edit{
        width:1.5em;
        height:1.5em;
    }
    .location{
        padding:1em;
    }
    .sidebarh3{
        font-size:10px;
    }
    .accountdetails{
        padding:1em;
    }
    .sidebarwhite{
        padding: 1em;
        padding-right: 0em;
    }
    .avatar-preview {
    right: 16px;
    }
    .sabqah2{
        font-size:24px;
    }
   .spansnumdiv{
           margin-top: 2em;
   }
 
    .shapeth00000{
        display:none;
    }
    .shapeth00{
        display:none;
    }
    .shapeth000000{
        display:none;
    }
    .sidebaroverf{
        overflow:hidden;
    }
    .shapeth0000{
        display:none;
    }
    .shapeth000{
        display:none;
    }
    .navigation .title{
        display:none !important;
    }
    .dataTables_wrapper{
        overflow: auto;
    }
    table{
        overflow-x: auto!important;
    }
    .navigation{
        min-height: auto!important;
        height: auto!important;
    }
    .navigation > ul{
        position: relative!important;
    }
    .navigation .drop-down-menu > .active {
        position: relative;
        display: flex;
        text-decoration: none;
        width: 100%!important;;
        color: black !important;
        border: none !important;
        background: #F8F8F9;
        border-radius: 0 50px 50px 0;
    }
    .mycol{
        display: none;
    }
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .footerhfivee{
        /* margin-top: 0 !important; */
    }
    .footerhfive{
        margin-right: -26px ;
    }
    .myfooter{
        /*text-align: center;*/
    }
    /* .shapeth3{
        display: none;
    } */
    .myfourthowl .owl-prev{
        display: none !important;
    }
    .myfourthowl .owl-next{
        display: none !important;
    }
    .myfourthowl .owl-dot{
        display: none !important;
    }
    .myfourthowl .owl-dot.active{
        display: none !important;
    }
    .owl-dots{
        /*display: none!important;*/
    }
    .myowl .owl-dots{
        /*display: none !important;*/
    }

    .loginbtn{
        line-height: 4.7em;
    }
    .servicebtn{
        line-height: 4.7em;
    }
    .borderr{
        /*display: none;*/
    }
    .homebtn{
        margin-top: 20px;
        transform: translate(10, 0 , 0 ,0);
    }
    .homep{
        padding-bottom: 14px;
    }
    .myaboutowl .center .borderrr{
        display: none;
    }
    .borderrr{
        display: none;
    }
    .circle {
        text-align: center;
        right: 106px;
        width: 50px;
        height: 50px;
        background: #F8F8F9;
        border-radius: 60px;
        border-radius: 60px;
        border-radius: 60px;
        position: absolute;
        bottom: -45px;
        z-index: 1;
        /* margin: auto; */
    }
    .abouthmain {
        position: relative;
        color: #032F55;
        font-weight: bold;
        margin: 20px 0;
        /*display: none;*/
        margin-bottom: -1em;
    }
    .shapeblogimg {
        position: absolute;
        top: -73px;
        left: -51px;
        z-index: 1;
        display: none;
        animation: shapeth 4s linear infinite;
    }
    .bodyimg {
        top: -100px;
        width: 90px;
        position: absolute;
        right: 422px;
        animation: shapeth 4s linear infinite;
        display: none;
    }
    /*.mapside {*/
    /*width: 350px;*/
    /*height: 350px;*/
    /*background-color: #fff;*/
    /*border-radius: 20px;*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*!* top: 2022px; *!*/
    /*top: 2120px;*/
    /*right: 283px;*/
    /*padding: 40px;*/
    /*display: none;*/
    /*}*/
    .aboutimg img {
        /*width: 100%;*/
        /*height: 82%;*/
        /* display: none; */
    }
    .aboutimg img {
        width: 100%;
        /*height: 82%;*/
        /* display: none; */
    }
    .wcircle{
        /*display: none;*/
    /*        margin-top: -4.5em;*/
    /*margin-right: -3em;*/
    }
    .srchimg img{
        right:0px;
    }
    .shapes{
        display: none;
    }
    .myowl:before{
        display: none;
    }
    .myowl:after{
        display: none;
    }
    .borderr{
        /*display: none;*/
    }
    .circlecontent{
        /*display: none;*/
    }
    .borderrr{
        display: none;
    }
    .shapefo{
        display: none;
    }
   
    .homecontent{
        /* padding: 13px; */
        /* margin: 0; */
        /*text-align: center;*/
        /* margin-top: 3em !important; */
    }
    .homeh{
        /* margin: 0; */
        font-size: 18px;
    }
    .homeh:after{
        /*display: none;*/
    }
    .homep{
        margin: 0;
        font-size: 12px;
            /*margin-bottom: 1.5em;*/
    }
    .homebtn{
        font-size: 12px;
        margin-top: 10px;
            padding: 5px 20px
    }
    .containerr{
        text-align: center;
    }
    .topheaderul li {
        font-size: 8px !important;
        padding: 0;
    }
    .nav-link{
        text-align: center;
    }
    .servicebtn {
            margin-bottom: 2em;
        border: none;
        background-color: #032F55;
        color: #fff;
        border-radius: 25px;
        width: 102px;
        height: 40px;
        font-weight: bold;
        /* margin: 25px; */
        font-size: 12px;
        line-height: 3;
    }
    .loginbtn {
        border: none;
        background: none;
        border-radius: 25px;
        width: 102px;
        height: 40px;
        color: #0F214B;
        font-weight: bold;
        border: 1px solid #032F55;
        margin-left: 16px;
        font-size: 10px;
        line-height: 3;
    }
    .btns{
        /*justify-content: space-around;*/
    }
    .aboutdiv{
        margin: 0;
    }
    .mapimg{
        width: 100%;
        transform: none;
    }
    .mapiconn {
        width: 60px;
        position: absolute;
        bottom: 14px;
        right: 212px;
        animation: bounce-down 1.5s infinite;
    }
    .shapefourr{
        display: none;
    }
    .myfooter{
        padding: 0;
    }
    .shapefourth{
        display: none;
    }
    .shapefourth4{
        display: none;
    }
    .footerhfive{
        margin-top: 15px;
        margin-right: 0;
        margin-bottom: -1em !important;
    }
    .pages{
        margin-right: 0;
    }
    .footerful{
        padding-right: 0;
        margin-right: 0;
    }
    .footerful1{
        margin-right: 0;
        margin-top:-1em;
        margin-bottom:-1em;
    }
    .lastfooter{
        margin-bottom:1em;
    }
    .footersocial{
        margin-top: -0.5em;
    }
    .footerinputdiv{
        margin-bottom: -1em;
    margin-top: 1em;
    }
    .footerlogodiv{
        margin-top:2em;
    }
    .face{
        padding:0px;
        width:30px;
        height:30px;
    }
    .homespan {
        color: #fff;
        font-weight: bold;
        background-color: #529AE4;
        padding: 0px 15px;
        font-size: 12px;
        border-radius: 50px;
    }
    .homecontent{
        width: 100%;
        /* height: 100%; */
        /*padding: 0.5em*/
    }
    .mapiconnn{
        display: none;
    }
    .mapiconfour{
        /* display: none; */
    }
    .myfourthowl .center .item .clientcontent p{
        /* width: 60%; */
        margin: auto;
        /* transform: translate(0, 0, 30px , 0); */
    }
    .mapicon{
        display: none;
    }
    .center .myclient22 img {
        width: 18% !important;
        display: inline-block!important;
    }
    .blogitem{
        width: 100%;
        height: 100%;
    }
    .blogitemm{
        width: 100%;
        height: 100%;
    }
    .myaboutowl .center .item{
        width: 100%;
    }
    .gdranp{
        width: 70%;
        margin: auto;
    }
    .mapiconn{
        display: none;
    }
    .myfd{
        margin-right: 0;
        display: block;
    }
    .notifications h2 {
        margin-right: 0;
    }
}
@media only screen and (max-width: 450px) and (min-width: 400px){
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .homecontent{
        width: 100%;
        /* height: 100%; */
        padding: 1em
    }
    .mapiconn{
        display: none;
    }


}
@media only screen and (max-width: 465px) and (min-width: 300px){
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .homecontent{
        /* margin: 20px 0 0 0 !important; */
    }
}
@media only screen and (min-width: 451px){
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .homecontent{
        width: 100%;
        /* height: 100%; */
        /* padding: 1em */
        /* margin-top: 2em; */
    }
    .owl-dots{
        display: none;
    }
    .mapiconn{
        display: none;
    }

}


@media only screen and (max-width: 1300px) and (min-width: 768px){
    .notitem{
        margin-right: 1em !important;
    }
    .ssinputimg {
        display: none;
    }
    .contactush3:after{
        display: none;
    }
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .clientcontent p {
        /* width: 42% !important; */
        /* width: 60%; */
        /* margin: auto; */
        margin-bottom: 15px;
    }
    .myfourthowl .owl-prev{
        display: none;
    }
    .myfourthowl .owl-next{
        display: none;
    }
    .myaboutowl .center .borderrr{
        display: none;
    }
    .borderrr{
        display: none;
    }
    .circle {
        text-align: center;
        right: 106px;
        width: 50px;
        height: 50px;
        background: #F8F8F9;
        border-radius: 60px;
        border-radius: 60px;
        border-radius: 60px;
        position: absolute;
        bottom: -45px;
        z-index: 1;
        /* margin: auto; */
    }
    .abouthmain {
        position: relative;
        color: #032F55;
        font-weight: bold;
        margin: 20px 0;
        /*display: none;*/
    }
    .shapeblogimg {
        position: absolute;
        top: -73px;
        left: -51px;
        z-index: 1;
        display: none;
        animation: shapeth 4s linear infinite;
    }
    .bodyimg {
        top: -100px;
        width: 90px;
        position: absolute;
        right: 422px;
        animation: shapeth 4s linear infinite;
        display: none;
    }
    /*.mapside {*/
    /*width: 350px;*/
    /*height: 350px;*/
    /*background-color: #fff;*/
    /*border-radius: 20px;*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*!* top: 2022px; *!*/
    /*top: 2120px;*/
    /*right: 283px;*/
    /*padding: 40px;*/
    /*display: none;*/
    /*}*/
    .aboutimg img {
        /*width: 100%;*/
        /*height: 82%;*/
        /* display: none; */
    }
    .aboutimg img {
        /*width: 100%;*/
        /*height: 82%;*/
        /* display: none; */
    }
    .wcircle{
        /*display: none;*/
        
    }
    .shapes{
        display: none;
    }
   
    .borderr{
        /*display: none;*/
    }
    .circlecontent{
        /*display: none;*/
    }
    .borderrr{
        display: none;
    }
    .shapefo{
        display: none;
    }
   
    .topheaderul li {
        /* font-size: 8px !important;
        padding: 0; */
    }
    .nav-link{
        text-align: center;
    }
    .servicebtn {
        /* border: none;
        background-color: #032F55;
        color: #fff;
        border-radius: 25px;
        width: 102px;
        height: 50px;
        font-weight: bold;
        /* margin: 25px; */
        /* font-size: 10px;  */
    }
    .loginbtn {
        /* border: none;
        background: none;
        border-radius: 25px;
        width: 102px;
        height: 50px;
        color: #0F214B;
        font-weight: bold;
        border: 1px solid #032F55;
        margin-left: 16px;
        font-size: 10px; */
    }
    .btns{
        justify-content: center;
    }
    .aboutdiv{
        margin: 0;
    }
    .mapimg{
        width: 100%;
        transform: none;
    }
    .mapiconn {
        width: 60px;
        position: absolute;
        bottom: 14px;
        right: 212px;
        animation: bounce-down 1.5s infinite;
    }
    .shapefourr{
        display: none;
    }
    .myfooter{
        padding: 0;
    }
    .shapefourth{
        display: none;
    }
    .shapefourth4{
        display: none;
    }
    .footerhfive{
        margin-top: 15px;
        margin-right: 0;
    }
    .pages{
        margin-right: 0;
    }
    .footerful{
        padding-right: 0;
        margin-right: 0;
    }
    .footerful1{
        margin-right: 0;
    }
    .homespan {
        /* color: #fff;
        font-weight: bold;
        background-color: #529AE4;
        padding: 0px 30px;
        font-size: 12px;
        border-radius: 50px; */
    }
  
    .mapiconnn{
        display: none;
    }
    .mapiconfour{
        /* display: none; */
    }
    .myfourthowl .center .item .clientcontent p{
        /* width: 60%; */
        margin: auto;
        /* transform: translate(0, 0, 30px , 0); */
    }
    .mapicon{
        display: none;
    }
    .center .myclient22 img {
        width: 18% !important;
        display: inline-block!important;
    }
    .blogitem{
        width: 100%;
        height: 100%;
    }
    .blogitemm{
        width: 100%;
        height: 100%;
    }
    .myaboutowl .center .item{
        width: 100%;
    }
    .gdranp{
        width: 70%;
        margin: auto;
    }
    .mapiconn{
        display: none;
    }
    .footerhfivee{
        margin-top: 0 !important;
    }
    .footerhfive{
        margin-right: -26px !important;
    }
    .myfooter{
        text-align: center;
    }
    /* .shapeth3{
        display: none;
    } */
    .myfourthowl .owl-prev{
        display: none !important;
    }
    .myfourthowl .owl-next{
        display: none !important;
    }
    .myfourthowl .owl-dot{
        display: none !important;
    }
    .myfourthowl .owl-dot.active{
        display: none !important;
    }
   

    .loginbtn{
        line-height: 4.7em;
    }
    .servicebtn{
        line-height: 4.7em;
    }
    .borderr{
        /*display: none;*/
    }
  
    .myaboutowl .center .borderrr{
        display: none;
    }
    .borderrr{
        display: none;
    }
    .circle {
        text-align: center;
        right: 106px;
        width: 50px;
        height: 50px;
        background: #F8F8F9;
        border-radius: 60px;
        border-radius: 60px;
        border-radius: 60px;
        position: absolute;
        bottom: -45px;
        z-index: 1;
        /* margin: auto; */
    }
    .abouthmain {
        position: relative;
        color: #032F55;
        font-weight: bold;
        margin: 20px 0;
        /*display: none;*/
    }
    .shapeblogimg {
        position: absolute;
        top: -73px;
        left: -51px;
        z-index: 1;
        display: none;
        animation: shapeth 4s linear infinite;
    }
    .bodyimg {
        top: -100px;
        width: 90px;
        position: absolute;
        right: 422px;
        animation: shapeth 4s linear infinite;
        display: none;
    }
    /*.mapside {*/
    /*width: 350px;*/
    /*height: 350px;*/
    /*background-color: #fff;*/
    /*border-radius: 20px;*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*!* top: 2022px; *!*/
    /*top: 2120px;*/
    /*right: 283px;*/
    /*padding: 40px;*/
    /*display: none;*/
    /*}*/
    .aboutimg img {
        /*width: 100%;*/
        /*height: 82%;*/
        /* display: none; */
    }
    .aboutimg img {
        /*width: 100%;*/
        /*height: 82%;*/
        /* display: none; */
    }
    .wcircle{
        /*display: none;*/
    }
    .shapes{
        display: none;
    }
  
    .borderr{
        /*display: none;*/
    }
    .circlecontent{
        /*display: none;*/
    }
    .borderrr{
        display: none;
    }
    .shapefo{
        display: none;
    }
   
    .topheaderul li {
        font-size: 8px !important;
        padding: 0;
    }
    .nav-link{
        text-align: center;
    }
    .servicebtn {
        border: none;
        background-color: #032F55;
        color: #fff;
        border-radius: 25px;
        width: 102px;
        height: 50px;
        font-weight: bold;
        /* margin: 25px; */
        font-size: 10px;
    }
    .loginbtn {
        border: none;
        background: none;
        border-radius: 25px;
        width: 102px;
        height: 50px;
        color: #0F214B;
        font-weight: bold;
        border: 1px solid #032F55;
        margin-left: 16px;
        font-size: 10px;
    }
    .btns{
        justify-content: center;
    }
    .aboutdiv{
        margin: 0;
    }
    .mapimg{
        width: 100%;
        transform: none;
    }
    .mapiconn {
        width: 60px;
        position: absolute;
        bottom: 14px;
        right: 212px;
        animation: bounce-down 1.5s infinite;
    }
    .shapefourr{
        display: none;
    }
    .myfooter{
        padding: 0;
    }
    .shapefourth{
        display: none;
    }
    .shapefourth4{
        display: none;
    }
    .footerhfive{
        margin-top: 15px;
        margin-right: 0;
    }
    .pages{
        margin-right: 0;
    }
    .footerful{
        padding-right: 0;
        margin-right: 0;
    }
    .footerful1{
        margin-right: 0;
    }
   
    .mapiconnn{
        display: none;
    }
    .mapiconfour{
        /* display: none; */
    }
    .myfourthowl .center .item .clientcontent p{
        /* width: 60%; */
        margin: auto;
        /* transform: translate(0, 0, 30px , 0); */
    }
    .mapicon{
        display: none;
    }
    .center .myclient22 img {
        width: 18% !important;
        display: inline-block!important;
    }
    .blogitem{
        width: 100%;
        height: 100%;
    }
    .blogitemm{
        width: 100%;
        height: 100%;
    }
    .myaboutowl .center .item{
        width: 100%;
    }
    .gdranp{
        width: 70%;
        margin: auto;
    }
    .mapiconn{
        display: none;
    }
    .footerhfivee{
        margin-top: 15px !important;

    }
    .footerhfiveefivee{
        margin-top: 15px !important;
    }
    
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
     .homespan {
        color: #fff;
        font-weight: bold;
        background-color: #529AE4;
        padding: 0px 30px;
        font-size: 12px;
        border-radius: 50px;
    }
    .homecontent{
        width: 100%;
        /* height: 100%; */
        /*padding: 0.5em*/
    }

    .homecontent{
        /* padding: 13px; */
        /* margin: 0; */
        /*text-align: center;*/
    }
    .homeh{
        /* margin: 0; */
        /*font-size: 25px;*/
    }
    .homeh:after{
        /*display: none;*/
    }
    /* .homep{
        margin: 0;
        font-size: 10px;
    }
    .homebtn{
        font-size: 10px;
        margin-top: 10px;
    }
    .containerr{
        text-align: center;
    } */
      .myowl:before{
        display: none;
    }
    .myowl:after{
        display: none;
    }
      .homebtn{
        margin-top: 20px;
        transform: translate(10, 0 , 0 ,0);
    }
    .homep{
        padding-bottom: 10px;
    }
     .owl-dots{
        display: none!important;
    }
    .myowl .owl-dots{
        /*display: none !important;*/
    }
      .homecontent{
        width: 100%;
        /* height: 100%; */
        /* padding: 0.5em */
    }
     .myowl:before{
        display: none;
    }
    .myowl:after{
        display: none;
    }
    

    .homecontent{
        /* padding: 13px; */
        /* margin: 0; */
        /* text-align: center; */
    }
    .homeh{
        /* margin: 0; */
        /*font-size: 25px;*/
    }
    .homeh:after{
        /*display: none;*/
    }
    .homep{
        /* margin: 0;
        font-size: 10px; */
    }
    .homebtn{
        /* font-size: 10px;
        margin-top: 10px; */
    }
    .containerr{
        /* text-align: center; */
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    
    .myinput{
        width: 150%;
        margin-right: -3em;
        padding: 1em 3em;
    }
    .inputicon{
        left: -35px;
    }
    .material{
        right: -28px;
    }
    .shapefourth4{
        display: block;
        top: 1em;
        left: -8em;
    }
    .shapeth3{
        right: -12em;
    }
    .footerlogo{
        margin-top: 1em !important;
    }
    .footerhfive{
        margin-top: 2em !important;
    }
    .footerhfivefive{
        margin-top: 2em !important;
    }
}
@media only screen and (max-width: 450px) and (min-width: 400px){
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .homecontent{
        width: 100%;
        /* height: 100%; */
        padding: 1em
    }
    .mapiconn{
        display: none;
    }


}
@media only screen and (min-width: 451px){
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .homecontent{
        width: 100%;
        /* height: 100%; */
        /* padding: 1em */
        /* margin-top: 2em; */
    }
    .owl-dots{
        display: none;
    }
    .mapiconn{
        display: none;
    }
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .myfourthowl  .center .myclient22 img {
        width: 7% !important;
        display: inline-block!important;
    }
    .clientcontent p {
        /* width: 27% !important; */
    }
}
@media only screen and (max-width: 1300px) and (min-width: 1200px){
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .myfourthowl  .center .myclient22 img {
        width: 30% !important;
        display: inline-block!important;
    }
    .clientcontent p {
        /* width: 76% !important; */
    }
}

@media only screen and (max-width: 1300px) and (min-width: 992px){
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .myinput{
        margin-right: -1.5em;
        padding: 1em 4em;
    }
    .inputicon{
        left: -24px;
    }
    .material{
        right: 3px;
    }
    .footerlogo{
        margin-top: 1em !important;
    }
    .footerhfive{
        margin-top: 2em !important;
    }
    .footerhfivefive{
        margin-top: 2em !important;
    }
    .blogitem{
         width: 100%;
         height: 100%;
    }
    .blogitemm{
        width: 100%;
         height: 100%;
    }
    .blogitemthird{
        width: 100%;
        height: 100%;
    }
    .circle {
        text-align: center;
        right: 106px;
        width: 50px;
        height: 50px;
        background: #F8F8F9;
        border-radius: 60px;
        border-radius: 60px;
        border-radius: 60px;
        position: absolute;
        bottom: -45px;
        z-index: 1;
        /* margin: auto; */
    }
    .abouthmain {
        position: relative;
        color: #032F55;
        font-weight: bold;
        margin: 20px 0;
        /*display: none;*/
    }
    .shapeblogimg {
        position: absolute;
        top: -73px;
        left: -51px;
        z-index: 1;
        display: none;
        animation: shapeth 4s linear infinite;
    }
    .bodyimg {
        top: -100px;
        width: 90px;
        position: absolute;
        right: 422px;
        animation: shapeth 4s linear infinite;
        display: none;
    }
    /*.mapside {*/
    /*width: 350px;*/
    /*height: 350px;*/
    /*background-color: #fff;*/
    /*border-radius: 20px;*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*!* top: 2022px; *!*/
    /*!* top: 2120px; *!*/
    /*right: 283px;*/
    /*padding: 40px;*/
    /*display: none;*/
    /*}*/
    .aboutimg img {
        /*width: 100%;*/
        /*height: 82%;*/
        /* display: none; */
    }
    .aboutimg img {
        /*width: 100%;*/
        /*height: 82%;*/
        /* display: none; */
    }
    .wcircle{
        /*display: none;*/
    }
    .shapes{
        display: none;
    }
    .myowl:before{
        display: none;
    }
    .myowl:after{
        display: none;
    }
    .borderr{
        /*display: none;*/
    }
    .circlecontent{
        /*display: none;*/
    }
    .borderrr{
        display: none;
    }
    .shapefo{
        display: none;
    }

    .homecontent{
        /* padding: 13px; */
        /* margin: 0; */
        /*text-align: center;*/
    }
    .homeh{
        /* margin: 0; */
        /* font-size: 15px; */
    }
    .homeh:after{
        /*display: none;*/
    }
    /* .homep{
        margin: 0;
        font-size: 10px;
    }
    .homebtn{
        font-size: 10px;
        margin-top: 10px;
    }
    .containerr{
        text-align: center;
    } */
    .topheaderul li {
        font-size: 8px !important;
        padding: 0;
    }
    .nav-link{
        text-align: center;
    }
    .servicebtn {
        /* border: none;
        background-color: #032F55;
        color: #fff;
        border-radius: 25px;
        width: 102px;
        height: 50px;
        font-weight: bold;
        /* margin: 25px; */
        /* font-size: 10px;  */
    }
    .loginbtn {
        /* border: none;
        background: none;
        border-radius: 25px;
        width: 102px;
        height: 50px;
        color: #0F214B;
        font-weight: bold;
        border: 1px solid #032F55;
        margin-left: 16px;
        font-size: 10px; */
    }
    .btns{
        justify-content: center;
    }
    .aboutdiv{
        margin: 0;
    }
    .mapimg{
        width: 100%;
        transform: none;
    }
    .mapiconn {
        width: 60px;
        position: absolute;
        bottom: 14px;
        right: 212px;
        animation: bounce-down 1.5s infinite;
    }
    .shapefourr{
        display: none;
    }
    .myfooter{
        padding: 0;
    }
    .shapefourth{
        display: none;
    }
    .shapefourth4{
        display: none;
    }
    .footerhfive{
        margin-top: 15px;
        margin-right: 0;
    }
    .pages{
        margin-right: 0;
    }
    .footerful{
        padding-right: 0;
        margin-right: 0;
    }
    .footerful1{
        margin-right: 0;
    }
    .homespan {
        /* color: #fff;
        font-weight: bold;
        background-color: #529AE4;
        padding: 0px 30px;
        font-size: 12px;
        border-radius: 50px; */
    }
    .homecontent{
        /*width: 100%;*/
        /* height: 100%; */
        /* padding: 0.5em */
    }
    .mapiconnn{
        display: none;
    }
    .mapiconfour{
        /* display: none; */
    }
    .myfourthowl .center .item .clientcontent p{
        /* width: 60%; */
        margin: auto;
        /* transform: translate(0, 0, 30px , 0); */
    }
    .mapicon{
        display: none;
    }
    .center .myclient22 img {
        width: 18% !important;
        display: inline-block!important;
    }
    .blogitem{
        width: 100%;
        height: 100%;
    }
    .blogitemm{
        width: 100%;
        height: 100%;
    }
    .myaboutowl .center .item{
        width: 100%;
    }
    .gdranp{
        width: 70%;
        margin: auto;
    }
    /* .shapeth3{
        display: none;
    } */
    .blogitem{
        width: 100%;
        height: 100%;
    }
    .blogitemm{
        width: 100%;
        height: 100%;
    }
    .blogitemimg{
        width: 100%;
        height: 100%;
    }
    .mapiconn{
        display: none;
    }
    .borderrr{
        display: none;
    }
    .homecontent{
        /* padding: 0 !important; */
        /* margin: auto !important; */
        /* margin-top: 7em; */
    }
}
.mapiconn{
    display: block;
}
@media only screen and (max-width: 1000px) and (min-width: 300px){
    .topheaderul li a {
        color: #707070 !important;
        padding: 10px;
    }
    .mapiconn{
        display: none;
    }
}
@media only screen and (max-width: 1300px) and (min-width: 1200px){
    .inputicon {
        left: -31px;
    }
}    

@media only screen and (max-width: 1023px) and (min-width: 300px){
    .footerlogo{
        margin: 0;
    }

    .blogitem{
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .blogitemm{
        margin: 0;
        width: 100%;
        height: 100%;
    }
    .blogitemthird{
        margin: 0;
        width: 100%;
        height: 100%;
    }
}
@media only screen and (max-width:550px) and (min-width: 300px){
    .myfourthowl .center .item{
        padding: 20px 80px;
    }
    .myfourthowl .center .item .clientcontent p{
        margin-bottom: 3.5em !important;
    }
    .clientcontent span{
        margin-top: 0.5em !important;
    }
    .clientcontent h5{
        margin-top: 0.5em !important;
    }
    .center .myclient22 img {
        margin-top: 10px !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 300px){

    .infodiv{
        margin-top: 5em;
    }
    .footerlogo{
        margin: 0;
    }
    .mapdiv{
        width: 100%;
        transform: translate(0,0);
    }
    .homeh{
        /*text-align: left;*/
        font-size: 20px;
    }
    .forgetinput{
        width: 70% !important;
    }
    .backforget{
        margin-right: 0;
    }
    .cnth2{
        font-size: 35px;
        margin-top: 0.5em;
    }
    .myinput{
        width: 100%;
    }
    .inputicon{
        left: 0;
    }
   .myfooter{
    overflow:hidden;
   }
   .lastfooterp{
    font-size: 9px;
   }
   .lastfooterimg{
    width: 50px;
    margin-top: -0.5em;
   }
   .footerhfive{
    /* margin-right: -25px; */
    margin-top: 2em;
   }
   .footerful{
    padding-left: 0;
   }
   .footerlogo{
    margin-top: 1em;
   }
}

@media only screen and (min-width: 767px) and (max-width: 1023px){
    .homeh{
        /*text-align: left;*/
        /* margin: 4em 0 1em 0; */
    }
    .forgetinput{
        width: 70% !important;
    }
    .backforget{
        margin:auto;
        margin-bottom: 1em;
    }
    .homep{
        /*margin: 0;*/
        margin-bottom: 1em;
    }
    .homecontent{
        /* margin-top: 4em; */
    }
}
@media only screen and (min-width: 992px) and (max-width: 1300px){
    .homecontent{
        /* margin-top: 8em; */
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px){
    .homecontent{
        /* margin-top: 11em; */
    }
}

@media only screen and (max-width: 399px) and (min-width: 300px){
    .navigation .drop-down-menu > .active {
        width: 93% !important;
    }
}
@media only screen and (max-width: 420px) and (min-width: 399px){
    .navigation .drop-down-menu > .active {
        width: 95% !important;
    }
}
@media only screen and (max-width: 1300px) and (min-width: 300px){
    .navigation .drop-down-menu > .active {
        width: 93% !important;
    }
    .formff{
        display: block;
    }
    .formf{
        display: block;
    }
    .myfinput{
        width: 100% !important;
    }
    .joinusinput{
        width: 89%;
    }
    .sdivv{
        margin: 0;
    }
    .joinusfside{
        /* padding-left: 2em; */
    }
    .myinputwidth{
        width: 88%;
    }
  
    .joinusfside{
        padding:7em 2em;
    }
  
    
    .vervimgdiv{
        margin-top: 10em;
    }
    .mymclass{
        margin-top: 4em;
    }
    .mydown{
        display: none;
    }

}
@media only screen and (max-width: 420px) and (min-width: 399px){
    .navigation .drop-down-menu > .active {
        width: 95% !important;
    }
}

@media only screen and (max-width: 650px) and (min-width: 300px){
    .cnt223{
        width: 100%;
    }
    .cnt223 a{
        font-size: 10px;
    }
    .cntp{
        font-size: 12px;
    }
    .popupadiv{
        margin-top: -1em;
    }
    .notificationtab{
        padding-right: 3em;
    }
    .accountform .myforminput{
        width: 100%;
    }
    .forminput{
        /* display: none; */
    }
    .allow{
        display: none;
    }

}
@media only screen and (max-width: 420px) and (min-width: 399px){
    .navigation .drop-down-menu > .active {
        width: 95% !important;
    }
}
.iconss{
    margin-right: 3.3em;
}

@media only screen and (max-width: 1355px) and (min-width: 300px){
    .iconss{
        margin-right: 0;
        text-align: center;
    }
    .formfff{
        justify-content: center;
        margin: 2em 0;
    }
    .accountform .myforminput{
        width: 100%;
    }
    .forminput{
        /* display: none; */
    }
    .allow{
        display: none;
    }
    .sama9:after{
        /*display: none;*/
    }
    .sama9:before{
        /*display: none;*/
    }
    .mapdivv:after{
        width: 82%;
    }
    .navigation .icon{
        margin-right: 0 !important;
    }
   
    .list{
        width: 91% !important;
    }
    .myselect{
        width: 100% !important;
        margin-right: 0 !important;
        /* margin-top: 1em; */
    }
}
@media only screen and (max-width: 637px) and (min-width: 400px){
    .list.active > a {
        width: 105% !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 638px){
    .list.active > a {
        width: 107% !important;
    }
}
@media only screen and (max-width: 450px) and (min-width: 300px){
    .list.active > a {
        width: 103% !important;
    }
}

@media only screen and (max-width: 1300px) and (min-width: 1100px){
    .navigation .drop-down-menu > .active {
        width: 90% !important;
    }

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

    .navigation .drop-down-menu > .active {
        width: 86% !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 680px){
    .navigation .drop-down-menu > .active {
        width: 108% !important;
    }
}
@media only screen and (max-width: 680px) and (min-width: 600px){
    .navigation .drop-down-menu > .active {
        width: 106% !important;
    }
}
@media only screen and (max-width: 600px) and (min-width: 550px){
    .navigation .drop-down-menu > .active {
        width: 104% !important;
    }
}

@media only screen and (max-width: 549px) and (min-width: 300px){
    .navigation .drop-down-menu > .active {
        width: 102% !important;
    }
}
@media only screen and (max-width: 450px) and (min-width: 300px){
    .navigation .drop-down-menu > .active {
        width: 95% !important;
    }
}
@media only screen and (max-width: 549px) and (min-width: 451px){
    .navigation .drop-down-menu > .active {
        width: 103% !important;
    }
}
@media only screen and (max-width: 450px) and (min-width: 371px){
    .navigation .drop-down-menu > .active {
        width: 103% !important;
    }
}

@media only screen and (max-width: 634px) and (min-width: 400px){
    .list.active > a {
        width: 107% !important;
    }
}
@media only screen and (max-width:1300px) and (min-width:1111px){
    .navigation .drop-down-menu > .active {
        width: 108% !important;
    }
}
/*edits*/
@media only screen and (min-width:450px) and (max-width:700px){
    .navigation .nav-tabs .nav-link.active,.list.active > a{
        padding: 0;
        padding-right: 1em;
    }
}

@media only screen and (min-width:1520px){
    .navigation .drop-down-menu > .active{
        min-width: 104% !important;
    }
}
@media only screen and (min-width:1517px){
    .navigation .drop-down-menu > .active{
        min-width: 92% !important;
    }
}
@media only screen and (min-width:1707px){
    .navigation .drop-down-menu > .active{
        min-width: 94% !important;
    }
}
@media only screen and (min-width:1821px){
    .navigation .drop-down-menu > .active{
        min-width: 95% !important;
    }
}
@media only screen and (min-width:2049px){
    .navigation .drop-down-menu > .active{
        min-width: 96% !important;
    }
}
@media only screen and (min-width:2732px){
    .navigation .drop-down-menu > .active{
        min-width: 100% !important;
    }
}
@media only screen and (min-width:4098px){
    .navigation .drop-down-menu > .active{
        min-width: 103% !important;
    }
}
@media only screen and (min-width:5464px){
    .navigation .drop-down-menu > .active{
        min-width: 104% !important;
    }
}
@media only screen and (min-width:300px) and (max-width:1300px) {
.mapshape{
    display: none;
}
.mapiconn{
    display: none;
}
.mapiconnn{
    display: none;
}
.mapiconfour{
    display: none;
}
.mapicon5{
    display: none;
}
}

@media only screen and (min-width:300px) and (max-width:1199px) {
    .aboutbigimg{
        transform: none;
        width: 100%;
    }
    .aboutbigimgg{
        transform: none;
        width: 100%;
    }
    .aboutpagep{
        transform: none;
        width: 50%;
        top: 1em;
        right: 7em;
        font-size: 12px;
        top: 1.2em;
        right: 12em;
       
    }
    .aboutpagepp{
        transform: none;
        width: 70%;
        top: 1.3em;
        left: 6.5em;
        font-size: 12px;
        width: 50%;
    top: 20px;
    left: 10.5em;
         
    }
    .abouticonimg{
        transform: none;
        width: 10%;
        transform: none;
        top: 2.5em;
        right: 2.2em;
        
    }

    .abouticonimgg{
        transform: none;
        width: 10%;
        transform: none;
        
        top: 3.5em;
    left: 2.2em;
    }

}
@media only screen and (min-width:400px) and (max-width:1199px) {
    .aboutpagep{
        top: 2.6em;
    right: 14em;
    }
    .aboutpagepp{
        top: 2.7em;
    left: 12.5em;
    }

    .abouticonimg{
        transform: none;
        width: 10%;
        transform: none;
        /* top: 2.5em; */
        /* right: 2.2em; */
        top: 33%;
    right: 11%;
        
    }

    .abouticonimgg{
        transform: none;
        width: 10%;
        transform: none;
        
        /* top: 3.5em; */
    /* left: 2.2em; */
    top: 38%;
    left: 11%;
    }
}    

@media only screen and (min-width:500px) and (max-width:1199px) {
    .aboutpagep{
        top: 4.6em;
        right: 18em;
    }

    .aboutpagepp{
        top: 4.5em;
        left: 15.5em;
    }

}

@media only screen and (min-width:768px) and (max-width:1199px) {
    .aboutpagep{
        top: 2em;
    right: 12em;
    }

    .aboutpagepp{
        top: 2.5em;
        left: 10.5em;
    }

}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .aboutpagep{
        top: 4em;
        right: 16em;
    }

    .aboutpagepp{
        top: 4em;
        left: 13.5em;
    }

}


@media only screen and (min-width:1500px) and (max-width:5464px){

    .abouticonimgg{
        transform: translate(-792%, -209%);
    }
}


@media only screen and (min-width:300px) and (max-width:767px){

.mycenterimg{
    margin-top: 0;
}

.policyf img {
    background: none;
}
.policycontent{
    margin-right: 0;
}
.policys{
    margin-right: 0;
}
.policys .formfff{
    margin-right: 0;
}
}
@media only screen and (min-width:300px) and (max-width:1360px){
.sama99:after{
    /*display: none;*/
}
.sama9:after{
    /*display: none;*/
}
.currenttaskspan{
    font-size: 50px;
}
}
@media only screen and (min-width:300px) and (max-width:991px){
     .navigation .title{
        font-size: 8px !important;
    }
    .myabout{
        right: 0;
        width: 100% !important;
    }
    .footerhfive{
        /* margin-right: 0 ; */
    }
}
@media only screen and (min-width:1500px) and (max-width:5464px){
    .myiframemap:after{
        display: none;
    }
    .allow{
        display: none;
    }
    .halo{
        /* display: none; */
    }
    .eyeimglog{
        display: none;
    }
}

@media only screen and (min-width:300px) and (max-width:767px){
    .aboutfh:after {
    top: 35px;
    }
    .myforminput{
        width: 90%;
    }
    .mysendto{
        margin-right:0;
    }
    .forminput{
        margin: auto;
        right: 17%;
    }
    .mymclass{
        width: 100%;
    }
    .fa-chevron-down{
        display: none;
    }
    select.input-lg{
        font-size: 10px;
        padding:1.5em 40px ;
    }
    .stepform input{
        font-size: 10px;
        padding-right: 3em;
    }
    .fspaninput{
        font-size: 10px;
    }
    .fimginput{
        top: 1em;
    }
    .mysrch{
        right: 6px;
    }
    .shapeblog44{
        display: none;
    }
    .aboutfh:after{
        /*display: none;*/
    }
    .shapee33{
        display: none;
    }
    .contactcenter{
        margin: 1em 0;
    }
    .container{
        width: 90%;
        margin: auto;
    }
    .homecontent{
        /* margin-top: 6.5em !important; */
    }
    .homeh{
        /*margin-top: 0.5em;*/
            margin: 0.5em 0 1em 0;
        line-height: 1.5;
    }
    .myfourthowl .item .clientcontent h5{
        font-size:10px;
    }
}
@media only screen and (min-width:300px) and (max-width:1300px){
    .myforminput{
        /* width: 90%; */
    }
    .forminput{
        margin: auto;
        right: 17%;
    }
    .fa-chevron-down{
        display: none;
    }
    .mymclass{
        width: 100%;
    }
}
@media only screen and (min-width:300px) and (max-width:1300px){
    .shapee33{
        display: none;
    }
    .shapeee444{
        display: none;
    }
    .shapeblog44{
        display: none;
    }
    .shapeeecontact444{
        display: none;
    }
    
}
@media only screen and (min-width:300px) and (max-width:1200px){
    .myfourthowl .center .item .clientcontent p{
        width: 27%;
    }
}
@media only screen and (min-width:300px) and (max-width:991px){
    .myfourthowl .center .item .clientcontent p{
        width: 38%;
    }
}
@media only screen and (min-width:500px) and (max-width:767px){
    .myfourthowl .center .item .clientcontent p{
        width: 56%;
    }
}
@media only screen and (min-width:300px) and (max-width:370px){
    .myfourthowl .center .item .clientcontent p{
        width: 71%;
    }
}
@media only screen and (min-width:371px) and (max-width:382px){
    .myfourthowl .center .item .clientcontent p{
        width: 67%;
    }
}
@media only screen and (min-width:383px) and (max-width:394px){
    .myfourthowl .center .item .clientcontent p{
        width: 63%;
    }
}
@media only screen and (min-width:395px) and (max-width:450px){
    .myfourthowl .center .item .clientcontent p{
        width: 60%;
    }
}
@media only screen and (min-width:483px) and (max-width:499px){
    .myfourthowl .center .item .clientcontent p{
        width: 71%;
    }
    .clientimgtop{
        /* padding: 25px; */
    }
}
@media only screen and (min-width:500px) and (max-width:499px){
    .myfourthowl .center .item .clientcontent p{
        width: 80%;
    }
    .clientimgtop{
        padding: 25px;
    }
}
@media only screen and (min-width:451px) and (max-width:482px){
    .myfourthowl .center .item .clientcontent p{
        width: 71%;
    }
}
   
@media only screen and (max-width:5464px) and (min-width:1400px){
      .mappinputt{
             top:0px;
             left:0px;
             width:90%;
         }
 .sinputimgg {
     /*display:none;*/
 }
    .mapiframee{
        width: 88%;
    }
    .forminput{
        /* width: 10%; */
    }
    .center .myclient22 img{
        width: 23% !important;
    }
.circle {
    right: 6em;
    /* transform: none; */
}
.myfooter{
    padding: 104px 137px 0px 137px;
    overflow: hidden;
}
.mapdivv:after{
    display: none;
}
.sama9:after{
    /*display: none;*/
}
.shapeth000000{
    display: none;
}
.shapeth000 {
    display: none;
}
.shapeth00000{
display: none;
}
.homecontent{
    margin-top: 5em;
}
.myfourthowl .center .item .clientcontent p{
    /* width: 94%; */
    margin: auto;
    width: 85%;
    margin-bottom: 1em;
}
.clientimgtop{
    padding: 0.5em;
}
.center .circleabout{
    padding: 2em;
}
.circleabout{
    padding: 2em 2.7em;
}
.abouthmain:after{
    right: 605px;
}
.ssinputimg{
    display: none;
}
select + i.fa {
    display: none;
}
}
/* @media only screen and (max-width:2000px) and (min-width:1380px){
    .circle {
        right: 6em;
        
    }
} */

@media only screen and (max-width: 465px) and (min-width: 300px){
    .topheaderul li a {
        color: #707070 !important;
        padding: 1px;
    }
    .homecontent{
        /* margin: 12px 0 0 0 !important; */
    }
}
@media only screen and (min-width:300px) and (max-width:1023px){
    header.border{
            padding-top: 1.5em;
    }
    .navbar-toggler{
        margin-top:-1em;
    }
    .blogitems {
    margin: 3em 0;
}
    .containerr{
        margin-top:4em;
    }
     .containers{
        margin-top:4em;
    }
    .logo{
        width:50px;
        height:25px;
        margin-top:-2em;
    }
    .dropdown-item {
        font-size:10px !important;
    }
    .shapeblog44{
        display: none !important;
    }
    .myfourthowl .center .item .clientcontent p{
      
        margin-bottom: 3em;
    }
    .verfcontent{
        /* margin-top: -70px !important; */
        margin-top: -60px;
    }
    .homeh2{
        text-align:center;
    }
    .sinputimgg {
        /*display:none;*/
    }
}
@media only screen and (min-width:768px) and (max-width:1300px){
    .myclient22 img{
        width: 11% !important;
    }
    .center .myclient22 img{
        width: 11% !important;
    }
}
@media only screen and (min-width:300px) and (max-width:767px){
.homecarouselimg{
    height: 70vh;
        object-fit: cover;
            border-radius: 14px;
}
.aboutp{
    margin:0;
    margin-bottom: 1.5em;
}
.abouts{
    font-size:18px;
}
.pmin{
     font-size:14px;
}
.yastdem{
        font-size: 12px;
}
.examine{
    font-size: 8px;
}
.srchimg{
    width:20px;
    height:20px;
}
.srchimg img {
    right: 0px;
    width: 10px !important;
    transform: translate(-5px, -11px);
}
.circlecontent{
    width:90px;
    height:90px;
        top: 5px;
    /*right: -105px;*/
}
.borderr{
    width:100px;
    height:100px;
}

.myaboutowl{
        margin-top: -2em;
        margin-bottom:3em;
}
.main_elements{
    margin-top: 1em;
}
.center .circleabout{
    padding: 4em 1em;
}
}
@media only screen and (min-width:400px) and (max-width:500px){
   
    .center .circleabout{
        padding: 6em 1em;
    }
    }
@media only screen and (min-width:501px) and (max-width:1199px){
   
    .center .circleabout{
        padding: 7em 1em;
    }
    }
@media only screen and (min-width:300px) and (max-width:767px){
    .mapdiv{
        transform: translate(0em,3em);
    }
    .mapside{
        width: 86%;
        transform: translate(15%, -100%);
    }
    .shapeblog41{
        width: 65px;
        left: 13vw;
        top: 24em;
    }
    .finput{
        width: 90%;
    }
    .logininput .myforminput {
        width: 90%;
    }
    .notitema{
        padding: 1em 1em;
    }
    .contentt{
        /*margin-right: 2em;*/
    }
}    
@media only screen and (min-width:300px) and (max-width:1400px){
     .verfcontent{
        margin-top: -120px ;
     }
}



    
    
     @media only screen and (max-width:1300px) and (min-width:300px){
         .finputdiv{
             width:100%;
         }
        
         .recoverpass{
             margin-left:1em;
             margin-right: 1em;
         }
         .mappinputt{
             top:0px;
             left:0px;
             width:90%;
         }
         .vervimgdiv img{
             margin-top:-6em;
         }
     }
@media only screen and (max-width:400px) and (min-width:300px){
    .elryaddiv {
    margin-right: 0px;
}
.sidemapp{
    margin: 30px 0 25px 0;
}

}     

@media only screen and (max-width:400px) and (min-width:361px){
.aboutfhh:after{
    top:40px;
}
}
@media only screen and (max-width:767px) and (min-width:300px){
    .beforetable{
        overflow:scroll; overflow-y:hidden;
    }
    .shapeth3{
        display:none;
    }
    .checkgroup{
        display:block;
    }
}

@media only screen and (max-width:1300px) and (min-width:300px){
    .homeh:after{
        /*display:none;*/
    }
     .checkgroup{
        display:block;
    }
    .recoverpass{
        display:block;
        margin-right:0;
        margin-left:0;
    }
    .dropdown-menuhome:before{
        display:none;
    }
   
       .fpolicy {
    margin-top: 2em;
}
.policyyyh2{
    font-size: 30px;
}
.contactuss {
    margin: 4em 0;
}
}

@media only screen and (max-width:1300px) and (min-width:300px) {
     .aftercontainer{
        display: none;
    }
    .aftercontainerr{
        display: none;
    }
    .balls{
        /*display: none;*/
    }
    .circle{
        display: none;
    }
    .forgetphoto{
        margin-top:4em;
    }
}
@media only screen and (max-width:1199px) and (min-width:300px) {

     .balls{
        /*display: none;*/
    }
}

 /*@media only screen and (min-width: 900px){*/
 /*   .dropdown:hover .dropdown-menu{*/
 /*       display: block;*/
 /*   }*/

 /*}*/
 
 
 
 
  @media only screen and (min-width: 900px){
    .dropdown:hover .dropdown-menu{
        display: block;
    }

    
 }
 
 
 
  @media only screen and (max-width: 767px) and (min-width: 300px){
      .srchicon{
          display:none;
      }
      .srchiconn{
          display:block;
              margin-top: -1em;
      }
      .verfcontent{
        transform:none;
    }
    .clientssdiv{
        margin-bottom:-4em;
    }
    .myfourthowl{
        margin-top: -4em;
    }
    .map_section{
       margin-bottom: 7em;
    }
    .aboutfhh{
            font-size: 20px;
    }
    .aboutfhh:after {
    top: 35px;
}
    .policyyyh2 {
    font-size: 20px;
}
     .policyh2 {
    font-size: 20px;
}

    .policyp {
        margin-top:0em;
    }
    .mycenterimg {
    margin-top: -20px;
    margin-bottom: -80px;
}
.policyp{
    font-size: 14px;
}
.policyh3 {
    font-size: 20px;
}
.nspan{
        padding: 0em;
        width: 40px;
    height: 40px;
    line-height: 2;
    padding-right: 0.8em;
}
.policyf p {
        /*margin-bottom: -1em;*/
         font-size: 14px;
}
.policyf{
        margin-bottom: -1em;
}
.policys{
        margin-top: 5em;
}
.mycenterimgprivacy{
        margin-top: 40px;
}
.ourprojects{
    font-size: 20px;
}
.contactush3{
    font-size: 20px;
        margin-top: 1em;
}
.contactusp{
    font-size: 14px;
}
.contactform label {
    
    font-size: 12px;
    
}
.contactinput{
    font-size: 12px;
}
.contactform i{
    top:3.4em;
}
.contenttt p{
    font-size: 14px;
}
.contenttt span{
    font-size: 12px;
}
.back {
    font-size: 14px;
    line-height: 2.5em;
}
.info{
    font-size: 20px;
}
.langdropp{
    /*margin-bottom: -90px;*/
}
.myforminput{
     font-size: 14px;
}
.finput{
    font-size: 14px;
}
.sendto{
    font-size: 14px;
}
.lastspan{
    font-size: 14px;
}
.finputimg {
    top: 84px;
}
.verfcontent h2{
        font-size: 20px;
}
.sendtologin{
    margin-top:1em;
}
.eyeimgggg{
    top:86px;
}
.eyeimg{
    top:86px;
}
.finputdivres{
        width: 90%;
    margin-top: 2em;
    margin-bottom: -5em;
}
#searchInput {
    margin-top: 7em;
    top: 60px !important;
    left: 0px !important;
    width: 90% !important;
}
.myowl .owl-dots {
transform: translate(0px, 57px);
}
.homecontent{
    /*transform: translate(0%,-58%);*/
        margin-top: -1.5em;
}
.homecarouselimg {
    height: 60vh;
}
.navbar-toggler:focus{
        box-shadow:none !important;
}

 } 

 @media only screen and (max-width: 400px) and (min-width: 300px){
.dropdown-menuhome{
       margin-right:-1.3em;
       transform: translate3d(-246px, 41px, 0px) !important;
   }
 }
 
 
 
  @media only screen and (max-width: 1200px) and (min-width: 300px){
      .abouthmain:after{
          display:none;
      }
  }
.navbar-nav{
    align-items: baseline;
}  




@media only screen and (max-width: 991px) and (min-width: 300px){
    .navigation{
        overflow:hidden !important;
    }
    .nav-link{
        font-size:12px;
    }
    .homecontent{
        /*padding:20px;*/
    }
    .singleblog{
        width:100%;
    }
    .homeh:after{
        /*display:none;*/
        /*top: 65px;*/
    /*right: 0px;*/
    }
    /*.mapdiv{*/
    /*    width: 100%;*/
    /*    transform: translate(0,0);*/
    /*}*/
    /*.mapside {*/
    /*    width: 350px;*/
    /*    height: 290px;*/
    /*    background-color: #fff;*/
    /*    border-radius: 20px;*/
    /*    position: absolute;*/
    /*    z-index: 1;*/
        
    /*    top: 50%;*/
    /*    transform: translate(30%, -50%);*/
    /*    right: 20%;*/
    /*    padding: 20px;*/
    /*    width: 71%;*/
    /*}*/
    /*.forgetlabel{*/
    /*    margin: auto;*/
    /*    display: none;*/
    /*}*/
    /*.shapefour{*/
    /*    display: none;*/
    /*}*/
    /*.mapdivv:after{*/
    /*    display: none;*/
    /*}*/

    /*.mynavpills{*/
    /*    margin: 0 !important;*/
    /*}*/
    /*.notitem{*/
    /*    margin: 0 !important;*/
    /*}*/
    /*.ssinputimg {*/
    /*    display: none;*/
    /*}*/
    /*.contactush3:after{*/
    /*    display: none;*/
    /*}*/
    /*.contactimg{*/
    /*    margin: 2em 0;*/
    /*}*/
    /*.contactusphone{*/
        /*text-align: center;*/
    /*}*/
    /*.blogitemm{*/
    /*    margin: 1.5em 0 !important;*/
    
    .list{
        /*margin: 10px!important;*/
    }
   /* .navigation > ul{*/
   /*     margin: 0!important;*/
   /* }*/
   
   /* .safety {*/
   /*     padding:1em;*/
   /* }*/
   /* .avatar-edit input + label{*/
   /*     margin-top:5px;*/
   /* }*/
   /* .manageprofile h2 {*/
   /*     font-size:20px;*/
   /* }*/
   /* .avatar-edit{*/
   /*     width:1.5em;*/
   /*     height:1.5em;*/
   /* }*/
   /* .location{*/
   /*     padding:1em;*/
   /* }*/
   /* .sidebarh3{*/
   /*     font-size:10px;*/
   /* }*/
   /* .accountdetails{*/
   /*     padding:1em;*/
   /* }*/
   /* .sidebarwhite{*/
   /*     padding: 1em;*/
   /* }*/
   /* .avatar-preview {*/
   /* right: 14px;*/
   /* }*/
   /* .sabqah2{*/
   /*     font-size:25px;*/
   /* }*/
   /*.spansnumdiv{*/
   /*        margin-top: 2em;*/
   /*}*/
 
    .shapeth00000{
        display:none;
    }
    .shapeth00{
        display:none;
    }
    .shapeth000000{
        display:none;
    }
    .sidebaroverf{
        overflow:hidden;
    }
    .shapeth0000{
        display:none;
    }
    .shapeth000{
        display:none;
    }
    /*.navigation .title{*/
    /*    display:none !important;*/
    /*}*/
    /*.dataTables_wrapper{*/
    /*    overflow: auto;*/
    /*}*/
    /*table{*/
    /*    overflow-x: auto!important;*/
    /*}*/
    /*.navigation{*/
    /*    min-height: auto!important;*/
    /*    height: auto!important;*/
    /*}*/
    /*.navigation > ul{*/
    /*    position: relative!important;*/
    /*}*/
    /*.navigation .drop-down-menu > .active {*/
    /*    position: relative;*/
    /*    display: flex;*/
    /*    text-decoration: none;*/
    /*    width: 100%!important;;*/
    /*    color: black !important;*/
    /*    border: none !important;*/
    /*    background: #F8F8F9;*/
    /*    border-radius: 0 50px 50px 0;*/
    /*}*/
    .mycol{
        /*display: none;*/
    }
    .topheaderul li a {
        color: #707070 !important;
        /*padding: 10px;*/
    }
    .footerhfivee{
        /* margin-top: 0 !important; */
    }
    /*.footerhfive{*/
    /*    margin-right: -26px ;*/
    /*}*/
    .myfooter{
        /*text-align: center;*/
    }
    /* .shapeth3{
        display: none;
    } */
    .myfourthowl .owl-prev{
        display: none !important;
    }
    .myfourthowl .owl-next{
        display: none !important;
    }
    .myfourthowl .owl-dot{
        display: none !important;
    }
    .myfourthowl .owl-dot.active{
        display: none !important;
    }
    .owl-dots{
        /*display: none!important;*/
    }
    .myowl .owl-dots{
        /*display: none !important;*/
    }

    .loginbtn{
        line-height: 4.7em;
    }
    .servicebtn{
        line-height: 4.7em;
    }
    .borderr{
        /*display: none;*/
    }
    .homebtn{
        margin-top: 20px;
        transform: translate(10, 0 , 0 ,0);
    }
    .homep{
        padding-bottom: 14px;
    }
    .myaboutowl .center .borderrr{
        display: none;
    }
    .borderrr{
        display: none;
    }
    .circle {
        text-align: center;
        right: 106px;
        width: 50px;
        height: 50px;
        background: #F8F8F9;
        border-radius: 60px;
        border-radius: 60px;
        border-radius: 60px;
        position: absolute;
        bottom: -45px;
        z-index: 1;
        /* margin: auto; */
    }
    .abouthmain {
        position: relative;
        color: #032F55;
        font-weight: bold;
        margin: 20px 0;
        /*display: none;*/
        margin-bottom: -1em;
    }
    .shapeblogimg {
        position: absolute;
        top: -73px;
        left: -51px;
        z-index: 1;
        display: none;
        animation: shapeth 4s linear infinite;
    }
    .bodyimg {
        top: -100px;
        width: 90px;
        position: absolute;
        right: 422px;
        animation: shapeth 4s linear infinite;
        display: none;
    }
    /*.mapside {*/
    /*width: 350px;*/
    /*height: 350px;*/
    /*background-color: #fff;*/
    /*border-radius: 20px;*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*!* top: 2022px; *!*/
    /*top: 2120px;*/
    /*right: 283px;*/
    /*padding: 40px;*/
    /*display: none;*/
    /*}*/
    .aboutimg img {
        /*width: 100%;*/
        /*height: 82%;*/
        /* display: none; */
    }
    .aboutimg img {
        width: 100%;
        /*height: 82%;*/
        /* display: none; */
    }
    .wcircle{
        /*display: none;*/
    /*        margin-top: -4.5em;*/
    /*margin-right: -3em;*/
    }
    .srchimg img{
        right:0px;
    }
    .shapes{
        display: none;
    }
    .myowl:before{
        display: none;
    }
    .myowl:after{
        display: none;
    }
    .borderr{
        /*display: none;*/
    }
    .circlecontent{
        /*display: none;*/
    }
    .borderrr{
        display: none;
    }
    .shapefo{
        display: none;
    }
   
    .homecontent{
        /* padding: 13px; */
        /* margin: 0; */
        /*text-align: center;*/
        /* margin-top: 3em !important; */
    }
    .homeh{
        /* margin: 0; */
        font-size: 18px;
    }
    .homeh:after{
        /*display: none;*/
    }
    /*.homep{*/
    /*    margin: 0;*/
    /*    font-size: 12px;*/
            /*margin-bottom: 1.5em;*/
    /*}*/
    /*.homebtn{*/
    /*    font-size: 12px;*/
    /*    margin-top: 10px;*/
    /*        padding: 5px 20px*/
    /*}*/
    .containerr{
        text-align: center;
    }
    .topheaderul li {
        font-size: 7px !important;
        padding: 0;
    }
    .nav-link{
        text-align: center;
    }
    .servicebtn {
            margin-bottom: 2em;
        border: none;
        background-color: #032F55;
        color: #fff;
        border-radius: 25px;
        width: 102px;
        height: 40px;
        font-weight: bold;
        /* margin: 25px; */
        font-size: 12px;
        line-height: 3;
    }
    .loginbtn {
        border: none;
        background: none;
        border-radius: 25px;
        width: 102px;
        height: 40px;
        color: #0F214B;
        font-weight: bold;
        border: 1px solid #032F55;
        margin-left: 16px;
        font-size: 10px;
        line-height: 3;
    }
    .btns{
        /*justify-content: space-around;*/
    }
    .aboutdiv{
        margin: 0;
    }
    /*.mapimg{*/
    /*    width: 100%;*/
    /*    transform: none;*/
    /*}*/
    .mapiconn {
        width: 60px;
        position: absolute;
        bottom: 14px;
        right: 212px;
        animation: bounce-down 1.5s infinite;
    }
    .shapefourr{
        display: none;
    }
    /*.myfooter{*/
    /*    padding: 0;*/
    /*}*/
    .shapefourth{
        display: none;
    }
    .shapefourth4{
        display: none;
    }
    /*.footerhfive{*/
    /*    margin-top: 15px;*/
    /*    margin-right: 0;*/
    /*    margin-bottom: -1em !important;*/
    /*}*/
    /*.pages{*/
    /*    margin-right: 0;*/
    /*}*/
    /*.footerful{*/
    /*    padding-right: 0;*/
    /*    margin-right: 0;*/
    /*}*/
    /*.footerful1{*/
    /*    margin-right: 0;*/
    /*    margin-top:-1em;*/
    /*    margin-bottom:-1em;*/
    /*}*/
    .lastfooter{
        margin-bottom:1em;
    }
    /*.footersocial{*/
    /*    margin-top: -0.5em;*/
    /*}*/
    /*.footerinputdiv{*/
    /*    margin-bottom: -1em;*/
    /*margin-top: 1em;*/
    /*}*/
    /*.footerlogodiv{*/
    /*    margin-top:2em;*/
    /*}*/
    .face{
        padding:0px;
        width:30px;
        height:30px;
    }
    /*.homespan {*/
    /*    color: #fff;*/
    /*    font-weight: bold;*/
    /*    background-color: #529AE4;*/
    /*    padding: 0px 15px;*/
    /*    font-size: 12px;*/
    /*    border-radius: 50px;*/
    /*}*/
    .homecontent{
        width: 100%;
        /* height: 100%; */
        /*padding: 0.5em*/
    }
    .mapiconnn{
        display: none;
    }
    .mapiconfour{
        /* display: none; */
    }
    .myfourthowl .center .item .clientcontent p{
        /* width: 60%; */
        margin: auto;
        /* transform: translate(0, 0, 30px , 0); */
    }
    .mapicon{
        display: none;
    }
    /*.center .myclientpicdiv img {*/
    /*    width: 18% !important;*/
    /*    display: inline-block!important;*/
    /*}*/
    .blogitem{
        width: 100%;
        height: 100%;
    }
    .blogitemm{
        width: 100%;
        height: 100%;
    }
    .myaboutowl .center .item{
        width: 100%;
    }
    .gdranp{
        width: 70%;
        margin: auto;
    }
    .mapiconn{
        display: none;
    }
    .myfd{
        margin-right: 0;
        display: block;
    }
    .notifications h2 {
        margin-right: 0;
    }
}


  @media only screen and (max-width: 991px) and (min-width: 300px){
      .balls {
    display: none;
}
      .srchicon{
          display:none;
      }
      .srchiconn{
          display:block;
              margin-top: -1em;
      }
      .verfcontent{
        transform:none;
    }
    .clientssdiv{
        margin-bottom:-4em;
    }
    .myfourthowl{
        margin-top: -4em;
    }
    .map_section{
       margin-bottom: 7em;
    }
    .aboutfhh{
            font-size: 20px;
    }
    .aboutfhh:after {
    top: 35px;
}
    .policyyyh2 {
    font-size: 20px;
}
     .policyh2 {
    font-size: 20px;
}

    .policyp {
        margin-top:0em;
    }
    .mycenterimg {
    margin-top: -20px;
    margin-bottom: -80px;
}
.policyp{
    font-size: 14px;
}
.policyh3 {
    font-size: 20px;
}
.nspan{
        padding: 0em;
        width: 40px;
    height: 40px;
    line-height: 2;
    padding-right: 0.8em;
}
.policyf p {
        /*margin-bottom: -1em;*/
         font-size: 14px;
}
.policyf{
        margin-bottom: -1em;
}
.policys{
        margin-top: 5em;
}
.mycenterimgprivacy{
        margin-top: 40px;
}
.ourprojects{
    font-size: 20px;
}
.contactush3{
    font-size: 20px;
        margin-top: 1em;
}
.contactusp{
    font-size: 14px;
}
.contactform label {
    
    font-size: 12px;
    
}
.contactinput{
    font-size: 12px;
}
.contactform i{
    top:3.4em;
}
.contenttt p{
    font-size: 14px;
}
.contenttt span{
    font-size: 12px;
}
.back {
    font-size: 14px;
    line-height: 2.5em;
}
.info{
    font-size: 20px;
}
.langdropp{
    /*margin-bottom: -90px;*/
}
.myforminput{
     font-size: 14px;
}
.finput{
    font-size: 14px;
}
.sendto{
    font-size: 14px;
}
.lastspan{
    font-size: 14px;
}
.finputimg {
    top: 84px;
}
.verfcontent h2{
        font-size: 20px;
}
.sendtologin{
    margin-top:1em;
}
.eyeimgggg{
    top:86px;
}
.eyeimg{
    top:86px;
}
.finputdivres{
        width: 90%;
    margin-top: 2em;
    margin-bottom: -5em;
}
#searchInput {
    margin-top: 7em;
    top: 60px !important;
    left: 0px !important;
    width: 90% !important;
}
.myowl .owl-dots {
/*transform: translate(0px, 57px);*/
}
.homecontent{
    /*transform: translate(0%,-58%);*/
        /*margin-top: -1.5em;*/
}
.homecarouselimg {
    height: 60vh;
}
.navbar-toggler:focus{
        box-shadow:none !important;
}

 } 
 
 

 
 
 
  @media only screen and (max-width:1200px) and (min-width: 992px){
        .homecontent {
    /*transform: translate(0%,-5%);*/
     }
           .myowl .owl-dots {
    transform: translate(0px, 57px);
}
      
  }
  
  
  @media only screen and (max-width:549px) and (min-width:300){
       .navigation .title{
        display:none !important;
    }
  }
  
  
  @media only screen and (max-width: 767px) and (min-width: 550px){

.navigation .title {
    
    display:block !important;
}
}


@media only screen and (max-width: 1023px) and (min-width: 992px){
    .homecontentt{
            margin-top: 5.5em;
    }
    .containerr {
    margin-top: 5.5em;
}
}



@media only screen and (max-width: 1023px) and (min-width: 992px){
#searchInput {
    /*margin-top: -1.5em;*/
    margin-top: 7em;
}
}