:root{
  --color-04456f:#04456f;
  --color-00c8ff:#00c8ff;
  --color-ffffff:#ffffff;
  --color-000000:#000000;
}
/*-------------- media section ---------------*/
@media screen and (min-width:320px) and (max-width:767px) {
  .menubar{
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, var(--color-04456f) 20%, var(--color-00c8ff) 20%) repeat scroll 0 0;
  }
  .top_bar {
    background: var(--color-04456f);
    text-align: center;
    padding:10px 0;
  }
  #site_top a.request-btn,#call_agency a.agency_btn{
    float: unset;
    padding: 12px 1px 15px 10px;
  }
  #site_top .socialbox{
    padding: 10px 0;
  }
  #header,#our_skills{
    text-align: center;
  }
  .contact_details .con-i,#testimonials span{
    display: block;
    margin: 10px 0;
  }
  #slider h1,#slider p{
    display: none;
  }
  #slider .slider-box{
    text-align: center;
    max-width: 100%;
  }
  .search-box input.search-field{
    text-align: center;
  }
  #how-we-work .work-box-icon,#security-department .work-box-icon{
    padding: 6px;
  }
  #how-we-work .work-box-content h3 a,#security-department .work-box-content h3 a{
    font-size: 13px;
  }
  #slider h4{
    background-color: transparent !important;
    margin:0;
  }
  #slider a.read-more {
    font-size: 12px;
    height: 30px;
    margin: 0 !important;
  }
  #slider a.read-more i {
    height: 29px;
    width: 32px;
    padding: 10px;
    font-size: 12px;
  }
  #slider .carousel-caption{
    padding-top: 0;
  }
  .work-box-content {
    padding: 0 10px;
  }
  #how-we-work .work-box-content h3 a,.heading_wrap h3,.inner-test-bg .short_text{
    font-size: 14px;
  }
  .about-content {
    padding: 0;
    text-align: center;
  }
  #faq,#our_partners,#call_agency,#newsletter,.copyright .socialbox{
    text-align: center;
  }
  #testimonials,#call_agency a.agency_btn{
    position: unset;
    transform: unset !important;
  }
  .testimonial_box,#our_partners .partners_inner{
    padding: 0 !important;
  }
  #call_agency a.agency_btn i {
    height: 38px;
    width: 38px;
    padding-top: 9px;
  }
  .footer-menu ul li:after{
    content: none;
  }
  .footer-menu ul li,#how-we-work .work-box{
    padding: 5px;
  }
  .footer-contact {
    padding: 1rem 15px;
    text-align: center;
  }
  .social-top-bg{
    border: none;
  }
  #about ul {
    margin: 15px 0 15px 25px;
  }
  #about ul li{
    list-style: none;
  }
  #team .owl-nav, #services .owl-nav, #product .owl-nav, #our_records .owl-nav, #our_records .owl-nav{
    top:auto;
  }
}
@media screen and (min-width:767px) and (max-width:991px) {
  #site_top .socialbox a i, #site_top .social_widget a i, .copyright .socialbox a i{
    width: 12px;
  }
  #header .logo, #footer .logo, .contact_details,.footer-contact{
    text-align: center;
  }
  .contact_details .con-i{
    display: block;
    margin-bottom: 5px;
  }
  #how-we-work .work-box-icon,#security-department .work-box-icon{
    padding: 15px;
  }
  #how-we-work .work-box-content h3 a,#security-department .work-box-content h3 a{
    font-size: 13px;
  }
  .search-box input.search-field{
    text-align: center;
  }
  #slider p{
    display: none;
  }
  #slider h1 {
    margin: 0px;
    font: 700 22px "Work Sans";
    letter-spacing: 0px;
    line-height: 32px;
  }
  #testimonials{
    position: unset;
    transform: none;
  }
  #call_agency h3.agency_title{
    font-size: 14px;
  }
  #call_agency a.agency_btn i {
    margin-left: 2px;
    height: 38px;
    width: 23px;
    padding-top: 12px;
  }
  #call_agency a.agency_btn{
    padding-left: 8px;
    font-size: 12px;
  }
  .news_text h3{
    font-size: 16px;
  }
  #about ul {
    margin: 15px 0 15px 25px;
  }
}
@media screen and (min-width:991px) and (max-width:1200px) {
  a.secvice-link i{
    padding: 10px;
  }
  #header .logo{
    text-align: center;
  }
  .contact_details span.cont-title{
    font-size: 13px;
  }
  #slider p{
    display: none;
  }
  #slider h1{
    font-size: 25px;
    margin:0;
  }
  .work-box-content {
    padding: 10px;
  }
  .footer-contact i {
    padding: 9px;
    width: 35px;
    height: 35px;
  }
  #how-we-work .work-box-icon,#security-department .work-box-icon{
    padding: 15px;
  }
  #how-we-work .work-box-content h3 a,#security-department .work-box-content h3 a{
    font-size: 13px;
  }
}
@media screen and (max-width: 1024px){
  #our_records .owl-item:nth-child(even) img,#our_records .owl-item:nth-child(odd) img{
    border: solid 1px var(--color-00c8ff) !important;
  }
  #faq-skills{
    margin-top: 0;
  }
  #services{
    height: auto;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .logo h1 a, .logo h1 a{
    font-size: 12px;
  }
  .headerbar {
    display: block;
    margin: 0;
  }
  .hamburger {
    padding: 0px;
  }
  .side-navigation li.current_page_item {
    border-bottom: none;
  }
  .side-navigation li.current_page_item a {
    color: var(--color-00c8ff);
  }
  .main-header .side-navigation {
    display: none
  }
  .side-navigation,.side-navigation li {
    padding: 0;
    display: block;
    margin:auto;
  }
  .side-navigation ul li a {
    padding: 10px 15px;
    display: block;
    color: var(--color-ffffff);
    background: 0 0!important;
    text-align: left;
    font-weight: 500;
    font-size: 13px;
  }
  amp-sidebar#sidebar1 {
    background: var(--color-000000);
    width: 250px
  }
  #sidebar1 {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    overflow-x: hidden;
    transition: .5s
  }
  .side-navigation ul li ul, .side-navigation ul li ul ul {
      display: block !important;
  }
  .side-navigation ul ul {
      background: transparent !important;
  }
  .side-navigation ul ul {
    position: unset;
    width: 100%;
    box-shadow: none;
    visibility: visible;
    opacity: 1;
    overflow: visible;
    margin-top: 0;
    max-height: unset;
  }
  .side-navigation ul ul li {
    background: transparent !important;
    padding-left: 7px;
    display: block;
  }
  .side-navigation ul.sub-menu li a:before{
    content: none;
  }
}