/*-------------- media section ---------------*/
@media screen and (max-width:576px){
 #topbar .side-navigation ul li:after,.top-content:after,.header-search-box.mediahide:after{
  content: none;
 }
 .header-logo {
   text-align: center;
   padding: 0 10px 12px 10px;
 }
 .logo-text{
    display: block;
 }
 #topbar .side-navigation li{
  display: inline-block;
 }
 #topbar span, #topbar .side-navigation a{
  color: #717580 !important;
  width: auto;
 }
 .top-content .imgbox, .top-content .contentbx{
  float: unset;
 }
 .top-content{
  text-align: center;
  margin: 10px 0;
 }
 .top-content .imgbox,.top-content .contentbx{
  width: 100%;
 }
 #footer,.ftabx,#slider .prop_desc p,#about,#our-app .app-right-box,#services{
   text-align: center;
 }
 .widget_nav_menu{
   margin: 0 auto;
 }
 #footer .about_me p, #footer .about_me .dempar{
   max-width: 100%;
 }
 #cartbx{
  display: none;
 }
 #slider{
  padding:20px 12px;
 }
 #our-app .left-svg,#our-app .right-svg,#featured-update .pro-svg-o,#featured-update .prosvg-t,#slider svg.slider-svg,#slider .bannerimg,.img-outer:after,.img-outer:after,.left-bg,.right-img-bg{
  display: none;
 }
 #slider .carousel-caption,.img-outer:after,.img-outer:after{
  position: unset;
 }
 #slider h1{
  font-size: 22px;
  text-align: center;
 }
 #slider .row{
  display: block !important;
 }
 #slider input.search-field,#slider .search-submit{
  width: 100%;
  padding:20px;
  text-align: center;
 }
 #slider ol.carousel-indicators{
  margin: 0 auto;
  left: 0;
  right: 0;
 }
 .about-content,.about-content li p{
  padding:12px;
 }
 #video span.left-text, .pricing-plan-head span.left-text, .about-content h2 span.left-text, #featured-update h2 span.left-text{
  display: block;
  padding:7px 20px;
  text-align: center;
 }
 #video span.right-text, .pricing-plan-head span.right-text, .about-content h2 span.right-text, #featured-update h2 span.right-text{
  display: block;
  padding:10px;
  margin-top: 5px;
  left: 0;
  right: 0;
  text-align: center;
 }
 #video h3, #testimonials h3, #featured-update h3, .about-content h3, #our-app h3, #services h3, .deg-right-box h3, #introduction h3.head_white, #newsletter h3{
  font-size: 42px;
  line-height: 40px;
 }
 .about-content ol{
  list-style: none;
 }
 #interface-deg .right-read, #introduction .right-read, .about-content .right-read, #video .right-read,#interface-deg .left-read, #introduction .left-read, .about-content .left-read, #video .left-read{
  padding: 12px 15px;
  margin-top: 5px;
 }
 #featured-update .about-inner h3,#newsletter .news-p p,.pricing-plan-head p{
  max-width: 100%;
 }
 #featured-update ul li{
  border:0;
 }
 #testimonials h2 span, #newsletter p, #newsletter span, #introduction span.head_white, #get-in-touch p, .pricing-plan-head p, #our-app span.head_white, #services span.head_center{
  font-size: 12px;
  padding: 5px 10px;
 }
 #our-app .app-outer{
  float: unset;
  width: 100%;
  margin: 0 auto;
 }
 #our-app .left-inner{
  text-align: center;
  width: 100%;
  margin: 5px auto;
 }
 #our-app .icon-b-inner{
  display: block;
 }
 .iocns-box svg,.deg-right-box i,.deg-bottom,.interface-wavesvg,#interface-deg .left-svg,svg.top-svg,#interface-deg .right-svg{
  display: none;
 }
 #introduction .iocns-box img,#interface-deg .container{
  position: unset;
 }
 #interface-deg,#interface-deg .our-deg,#interface-deg .container,#video .owl-stage-outer{
  padding: 0;
 }
 #interface-deg .deg-right-box{
  text-align: center;
 }
 #introduction .intro-right-box,.testimonial-text-out,#video .video-top {
    text-align: center;
    padding: 28px !important;
 }
 #introduction .iocns-box img{
  transform: none;
 }
 #newsletter input[type="email"]{
  width: 100%;
 }
 .ajax-loader,.right-box-test,#video svg.video-svg-top{
  display: none !important;
 }
 #newsletter input[type="submit"]{
  margin: 5px auto;
 }
 .testimonial_box img{
  width: 25% !important;
  margin: 0 auto;
 }
 #video{
  background-size: auto !important;
 }
 #video h3,#video p{
  color: #ffffff !important;
 }
 #video .firstActiveItem .slider-video-box{
  width: auto !important;
  height: auto !important;
  top:0;
 }
 #video .firstActiveItem .video_content{
  padding: 0;
 }
 #video .owl-stage-outer .firstActiveItem img{
  border:0;
 }
 #video .slider-video-box{
  margin: 0;
 }
 .pricing-plan-head h3, .pricing-plan-head p{
  color: #051133 !important;
 }
 .record_box2, .record_box4{
  top:0;
 }
 .record_box1, .record_box2, .record_box3, .record_box4{
  width: 100% !important;
 }
 #get-in-touch h3, .pricing-plan-head h3{
  font: 400 normal 42px/40px 'Jomhuria', cursive;
 }
 #get-in-touch .reach-left-box {
  padding: 32px;
  text-align: center;
 }
 #get-in-touch .reach-right-box{
  display: block;
  text-align: center;
 }
 .reach-right-box a{
  margin: 0 auto;
 }
 #video .video_content h2, #video .video_content p,#video .firstActiveItem h2,#video .firstActiveItem p{
  display: none;
 }
 #slider .tab-content{
  display: block;
 }
 #video{
  padding: 20px 0;
 }
 #pricing-plan{
  margin-top: 10px;
 }
}
@media screen and (min-width:576px)  and (max-width:767px){
  #topbar .side-navigation ul li:after,.top-content:after{
    content: none;
  }
  #cartbx{
    display: none;
   }
  #topbar .side-navigation li{
    display: inline-block;
  }
  .logo-text{
    display: block;
  }
  #topbar span, #topbar .side-navigation a{
    color: #717580 !important;
    width: auto;
  }
  #topbar,#content_header{
    text-align: center;
  }
  .top-content .imgbox,.top-content .contentbx{
    width: 100%;
  }
  .header-search-box.mediahide:after{
    height: 50px;
  }
  #footer,.deg-left-box{
   text-align: center;
  }
  .widget_nav_menu{
   margin: 0 auto;
  }
  #footer .about_me p, #footer .about_me .dempar{
   max-width: 100%;
  }
  .ftabx,#slider .prop_desc p,#about,#our-app .app-right-box,#services{
   text-align: center;
  }
  #slider{
  padding:20px 12px;
  }
  #our-app .left-svg,#our-app .right-svg,#featured-update .pro-svg-o,#featured-update .prosvg-t,#slider svg.slider-svg,#slider .bannerimg,.img-outer:after,.img-outer:after,.left-bg,.right-img-bg{
  display: none;
  }
  #slider .carousel-caption,.img-outer:after,.img-outer:after{
  position: unset;
  }
  #slider h1{
  font-size: 22px;
  text-align: center;
  }
  #slider .row{
  display: block !important;
  }
  #slider input.search-field,#slider .search-submit{
  width: 100%;
  padding:20px;
  text-align: center;
  }
  #slider ol.carousel-indicators{
  margin: 0 auto;
  left: 0;
  right: 0;
  }
  .about-content,.about-content li p{
  padding:12px;
  }
  #video span.left-text, .pricing-plan-head span.left-text, .about-content h2 span.left-text, #featured-update h2 span.left-text{
  display: block;
  padding:7px 20px;
  text-align: center;
  }
  #video span.right-text, .pricing-plan-head span.right-text, .about-content h2 span.right-text, #featured-update h2 span.right-text{
  display: block;
  padding:10px;
  margin-top: 5px;
  left: 0;
  right: 0;
  text-align: center;
  }
  #video h3, #testimonials h3, #featured-update h3, .about-content h3, #our-app h3, #services h3, .deg-right-box h3, #introduction h3.head_white, #newsletter h3{
  font-size: 42px;
  line-height: 40px;
  }
  .about-content ol{
  list-style: none;
  }
  #interface-deg .right-read, #introduction .right-read, .about-content .right-read, #video .right-read,#interface-deg .left-read, #introduction .left-read, .about-content .left-read, #video .left-read{
  padding: 12px 15px;
  margin-top: 5px;
  }
  #featured-update .about-inner h3,#newsletter .news-p p,.pricing-plan-head p{
  max-width: 100%;
  }
  #featured-update ul li{
  border:0;
  }
  #testimonials h2 span, #newsletter p, #newsletter span, #introduction span.head_white, #get-in-touch p, .pricing-plan-head p, #our-app span.head_white, #services span.head_center{
  font-size: 12px;
  padding: 5px 10px;
  }
  #our-app .app-outer{
  float: unset;
  width: 100%;
  margin: 0 auto;
  }
  #our-app .left-inner{
  text-align: center;
  width: 100%;
  margin: 5px auto;
  }
  #our-app .icon-b-inner{
  display: block;
  }
  .iocns-box svg,.deg-right-box i,.deg-bottom,.interface-wavesvg,#interface-deg .left-svg,svg.top-svg,#interface-deg .right-svg{
  display: none;
  }
  #introduction .iocns-box img,#interface-deg .container{
  position: unset;
  }
  #interface-deg,#interface-deg .our-deg,#interface-deg .container,#video .owl-stage-outer{
  padding: 0;
  }
  #interface-deg .deg-right-box{
  text-align: center;
  }
  #introduction .intro-right-box,.testimonial-text-out,#video .video-top {
    text-align: center;
    padding: 28px !important;
  }
  #introduction .iocns-box img{
  transform: none;
  }
  #newsletter input[type="email"]{
  width: 100%;
  }
  .ajax-loader,.right-box-test,#video svg.video-svg-top{
  display: none !important;
  }
  #newsletter input[type="submit"]{
  margin: 5px auto;
  }
  .testimonial_box img{
  width: 25% !important;
  margin: 0 auto;
  }
  #video{
  background-size: auto !important;
  }
  #video h3,#video p{
  color: #ffffff !important;
  }
  #video .firstActiveItem .slider-video-box{
  width: auto !important;
  height: auto !important;
  top:0;
  }
  #video .firstActiveItem .video_content{
  padding: 0;
  }
  #video .owl-stage-outer .firstActiveItem img{
  border:0;
  }
  #video .slider-video-box{
  margin: 0;
  }
  .pricing-plan-head h3, .pricing-plan-head p{
  color: #051133 !important;
  }
  .record_box2, .record_box4{
  top:0;
  }
  .record_box1, .record_box2, .record_box3, .record_box4{
  width: 100% !important;
  }
  #get-in-touch h3, .pricing-plan-head h3{
  font: 400 normal 42px/40px 'Jomhuria', cursive;
  }
  #get-in-touch .reach-left-box {
  padding: 32px;
  text-align: center;
  }
  #get-in-touch .reach-right-box{
  display: block;
  text-align: center;
  }
  .reach-right-box a{
  margin: 0 auto;
  }
  .img-outer:before,#video .video_content h2, #video .video_content p,#video .firstActiveItem h2,#video .firstActiveItem p{
  display: none;
  }
  #slider .tab-content{
  display: block;
  }
  #video{
  padding: 20px 0;
  }
  #pricing-plan{
  margin-top: 10px;
  }
}
@media screen and (min-width:768px)  and (max-width:991px){
  #topbar .side-navigation li{
    display: inline-block;
  }
  .top-content{
    margin-top: 10px;
  }
  #topbar span, #topbar .side-navigation a{
    color: #717580 !important;
    width: auto;
  }
  #topbar .side-navigation ul li:after{
    content: none;
  }
  .header-search-box.mediahide:after{
    height: 50px;
  }
  #footer,#testimonials{
   text-align: center;
  }
  .widget_nav_menu{
   margin: 0 auto;
  }
  #footer .about_me p, #footer .about_me .dempar{
   max-width: 100%;
  }
  #get-in-touch h3, .pricing-plan-head h3,.bottom-box h3{
    font-size: 25px;
  }
  .pricing-plan-box h5{
    font-size: 28px;
  }
  .bottom-box p, .bottom-box h3, .bottom-box ul li,.pricing-plan-content a.read-more{
    font-size: 12px;
  }
  #interface-deg .deg-right-box,#testimonials h2 span, #our-app span.head_white, #services span.head_center, #introduction span.head_white, #newsletter .news-heading span,.pricing-plan-content a.read-more,#video .video-top,.testimonial-text-out,#testimonials{
    padding: 10px !important;
  }
  #our-app .right-svg,.left-bg,#slider h1,#video svg.video-svg-top,.right-box-test,.iocns-box svg,.deg-bottom svg{
    display: none;
  }
  #video span.left-text, .pricing-plan-head span.left-text, .about-content h2 span.left-text, #featured-update h2 span.left-text{
    padding: 7px 40px;
  }
  #slider input.search-field{
    width: 100%;
  }
  .about-content h2 span.right-text{
    left: 0;
  }
  .about-content h2 span.right-text{
    padding: 7px 12px;
  }
  .about-content li p{
    padding: 0;
  }
  #featured-update .about-inner h3{
    max-width: 100%;
  }
  .adjust1 a.button{
    padding: 7px 5px;
  }
  .img-outer:after,.img-outer:before{
    content: none;
  }
  #interface-deg .right-read, #introduction .right-read, .about-content .right-read, #video .right-read,#interface-deg .left-read, #introduction .left-read, .about-content .left-read, #video .left-read{
    padding: 12px 20px;
  }
}
@media screen and (min-width: 992px) and (max-width:1200px) {
  .logo-text a{
    font-size: 18px;
  }
  .menubar .topbtn{
    padding: 8px 5px;
  }
  .menubar .topbtn{
    padding: 6px;
  }
  #get-in-touch h3, .pricing-plan-head h3,.bottom-box h3{
    font-size: 25px;
  }
  .pricing-plan-box h5{
    font-size: 28px;
  }
  .bottom-box p, .bottom-box h3, .bottom-box ul li,.pricing-plan-content a.read-more{
    font-size: 12px;
  }
  #interface-deg .deg-right-box,#testimonials h2 span, #our-app span.head_white, #services span.head_center, #introduction span.head_white, #newsletter .news-heading span,.pricing-plan-content a.read-more,#video .video-top,.testimonial-text-out,#testimonials{
    padding: 10px !important;
  }
  #our-app .right-svg,.left-bg,#slider h1,#video svg.video-svg-top,.right-box-test,.iocns-box svg,.deg-bottom svg{
    display: none;
  }
  #video span.left-text, .pricing-plan-head span.left-text, .about-content h2 span.left-text, #featured-update h2 span.left-text{
    padding: 7px 40px;
  }
  #slider input.search-field{
    width: 100%;
  }
  .about-content h2 span.right-text{
    left: 0;
  }
  .about-content h2 span.right-text{
    padding: 7px 12px;
  }
  .about-content li p{
    padding: 0;
  }
  #featured-update .about-inner h3{
    max-width: 100%;
  }
  .adjust1 a.button{
    padding: 7px 5px;
  }
  .img-outer:after,.img-outer:before{
    content: none;
  }
  #interface-deg .right-read, #introduction .right-read, .about-content .right-read, #video .right-read,#interface-deg .left-read, #introduction .left-read, .about-content .left-read, #video .left-read{
    padding: 12px 20px;
  }
}
@media screen and (max-width: 1024px){
 #header-menu .current_page_item:before{
    content: none !important;
  }
  .headerbar,.side-navigation,.side-navigation li,.side-navigation ul li a,.side-navigation ul ul li,.side-navigation li.current_page_item{
    display: block;
  }
  .headerbar {
    margin: 0;
    text-align: left;
  }
  .sticky .headerbar{
    text-align: right;
  }
  .hamburger {
    padding: 0 0 13px 10px;
    display: inline-block;
  }
  .sticky .hamburger{
    padding: 0px 12px 0px 10px;
  }
  .hamburger i,.headerbar{
    color: #000000;
  }
  .side-navigation a{
    color: #ffffff;
  }
  .side-navigation ul li:hover a{
    color: #ffdfc4 !important;
  }
  .header-search-box form{
    margin-top: 5px;
  }
  .safe_cehckout img{
    margin-bottom: 10px;
    padding: 0 10px;
  }
  .main-header .side-navigation {
    display: none
  }
  .side-navigation,.side-navigation li {
    padding: 0;
    float: none;
    clear: both;
  }
  .side-navigation ul ul li:hover a{
    color: #19213f !important;
  }
  .side-navigation ul li a {
    padding: 10px 20px 10px 30px;
    text-align: left;
    width: 250px;
    color: #ffffff !important;
  }
  .side-navigation ul li:hover a, .sticky .side-navigation ul ul li a,.sticky .headerbar{
    color: #ffffff !important;
  }
  .sticky .hamburger i{
    color: #19213f !important;
  }
  #sidebar1 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    visibility: hidden;
    height: 100%;
    background: #19213f;
    width: 250px;
    overflow-y: scroll;
  }
  .side-navigation ul li ul, .side-navigation ul li ul ul {
    display: block !important;
  }
  .side-navigation ul ul,.side-navigation ul ul li {
    background: var(--transparent) !important;
  }
  .side-navigation ul ul {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .side-navigation ul ul li{
    padding-left: 15px;
  }
  .side-navigation ul.sub-menu li a:before,#topbar .side-navigation ul li:after{
    content: none;
  }
  .side-navigation ul>li.menu-item-has-children>a:after{
    margin-top: 0;
  }
  iframe {
    width: 100%;
    height: auto;
  }
  .content_boxes figure #instagram-embed-0{
    height: 706px;
  }
  .close-sidebar i{
    font-size: 25px;
    padding: 8px 14px;
    background-color: #272f4c;
  }
  .close-sidebar i:hover{
    color: #335ec5;
  }
  .sticky .side-navigation li{
    padding: 0 !important;
  }
  .sticky .side-navigation ul ul li,.sticky .side-navigation ul ul ul li{
    padding: 10px 15px !important;
  }
  .side-navigation ul ul,.side-navigation ul ul li:hover .sub-menu,.side-navigation ul.sub-menu ul.sub-menu{
    transform: unset;
    opacity: 1;
    visibility: visible;
  }
  .side-navigation ul ul li a:hover{
    color: #ffffff !important;
    -webkit-text-fill-color: unset;
    -webkit-background-clip: unset;
  }
  amp-sidebar#sidebar1{
    display: block;
    overflow-x: hidden;
  }
  #header .menubar-box{
    padding-left: 0;
    padding-bottom: 0 !important;
  }
  .wp-megamenu-main-wrapper.imma-orientation-horizontal ul.imma-mega-wrapper li.wpmega-horizontal-full-width .imma-sub-menu-wrap{
  left: 0;
  }
  .wp-megamenu-main-wrapper .imma-sub-menu-wrap{
    background-image: unset !important;
  }
  #topbar .side-navigation li{
    display: inline-block;
  }
  .logo-text{
    display: block;
  }
  #topbar span, #topbar .side-navigation a{
    color: #717580 !important;
    width: auto;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1920px){
  #pricing-plan{
    margin-top: -24% !important;
  }
}
/* ------------- Mozilla Style -------------- */
@-moz-document url-prefix() {
  .main-navigation ul{
    text-align: left;
  }
  .main-navigation a{
    font-size: 18px;
  }
}
    text-align: left;
  }
  .main-navigation a{
    font-size: 18px;
  }
}