/*
  Theme Name: Tattoo Designer
  Theme URI: https://www.theclassictemplates.com/themes/free-tattoo-wordpress-theme
  Author: classictemplate
  Author URI: https://www.theclassictemplates.com/
  Description: Tattoo Designer is a cool website design for tattoo artists, tattoo studios, tattoo shops and other related designing professionals. It is a modern wordpress theme with a clean and professional interface that is ideal for the body arts business or organisation. With each and every business growing digitally, your business should also grow by having your own professional tattoo designing website where you can showcase your tattoos, designs, arts, portfolios and other services in a most effective way to attract more visitors and customers. It is a fully optimized, responsive and lightweight website theme that provides a great user experience to the visitors. It is also made user friendly so that you can create your personalized tattoo designing website on your own. With the customization features available with this theme, you can modify your website and create a professional tattoo website exactly the way you want. This theme uses the Bootstrap Framework that makes it SEO friendly that helps you attract more visitors by showing your website in the top results of search engines. Also it makes it a cross browser compatible website so that your visitors can browse through your website seamlessly across different browsers and devices.
  Version: 0.1
  Tested up to: 6.0
  Requires PHP: 7.2
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
  Text Domain: tattoo-designer
  Tags: blog, e-commerce, photography, one-column, two-columns, left-sidebar, right-sidebar, custom-logo, featured-images, full-width-template, custom-colors, editor-style, wide-blocks, custom-header, custom-background, custom-menu, sticky-post, threaded-comments, theme-options

  This theme, like WordPress, is licensed under the GPL.
  Use it to make something cool, have fun, and share what you've learned with others.

  Tattoo Designer WordPress Theme has been created by classictemplate (theclassictemplates.com), 2021.
  Tattoo Designer WordPress Theme is released under the terms of GNU GPL
  */

  *{
    margin:0;
    padding:0;
    outline:none;
  }
  body{
    margin:0;
    padding:0;
    font-size:15px;
    color: #8c8c8c;
    font-family: 'Poppins', sans-serif;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
  }
  img{
    border:none;
    margin:0;
    padding:0;
    height:auto;
    max-width:100%;
  }
  a{
    color: #262626;
  }
  a:hover{
    color:#333;
    text-decoration:none;
  }
  ol,ul{
    margin:0;
    padding:0;
  }
  .wp-caption,
  .wp-caption-text,
  .sticky,
  .gallery-caption,
  .aligncenter{
    margin:0;
    padding:0;
    max-width:100% !important;
  }
  .sticky{
    background: #ededed;
  }
  .jowar ol li,
  .jowar ul li{
    margin-left:15px;
  }
  ul li ul,
  ul li ul li ul,
  ol li ol, ol li ol li ol{
    margin-left:10px;
  }
  h1,h2,h3,h4,h5,h6{
    color:#1b1b1b;
    line-height:1.1;
    font-weight:bold;
  }
  h1{
    font-size:32px;
  }
  h2{
    font-size:30px;
  }
  h3{
    font-size:24px;
  }
  h4{
    font-size:20px;
  }
  h5{
    font-size:18px;
  }
  h6{
    font-size:14px;
  }
  .hazywir{
    clear:both;
  }
  .alignnone{
    width:100% !important;
  }
  img.alignleft, .alignleft{
    float:left;
    margin:0 15px 0 0;
    padding:5px;
    border:1px solid #cccccc;
  }
  img.alignright, .alignright{
    float:right;
    margin:0 0 0 15px;
    padding:5px;
    border:1px solid #cccccc;
  }
  .left{
    float:left;
  }
  .right{
    float:right;
  }
  #comment-nav-above .zukyziz-previous,
  #comment-nav-below .zukyziz-previous{
    float:none !important;
    margin:10px 0;
  }
  ol.comment-list li{
    list-style:none;
    margin-bottom:5px;
  }
  /* Text meant only for screen readers. */
  .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
  .screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
  }
  a:focus,input[type='submit']:focus,input[type='search']:focus,textarea:focus,input[type='name']:focus,input[type='email']:focus,.sexi button:focus,a.close-button:focus,#commentform input#email:focus, #commentform input#url:focus,#commentform input#author:focus, #commentform textarea:focus, #commentform input#eazycfc_captcha:focus,.main-nav a:focus,.main-nav ul ul a:focus{
  	outline: -webkit-focus-ring-color auto 1px;
  }
  .textwidget p a,.jowar a,.xajyzi p a,ol.comment-list p a {
    text-decoration: underline;
  }

  /* = wide block css
  -------------------------------------- */
  .alignwide {
    margin-left  : -80px;
    margin-right : -80px;
  }
  .alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
  }
  .alignfull img {
    width: 100vw;
  }

div#pagyd .wp-block-search__label {
  width: 50%;
    padding: 8px 42px 8px 17px;
    font-size: 19px;
    border-radius: 44px;
    color: #000;
    background: #ffcb00;
}
div#pagyd .wp-block-search__inside-wrapper {
    padding-top: 20px;
}
div#pagyd h2 {
    padding: 8px 42px 8px 17px;
    font-size: 19px;
    border-radius: 44px;
    color: #000;
    background: #ffcb00;
}
div#pagyd h2:after {
    left: 17px;
    top: 35px;
    height: 3px;
    content: "";
    width: 40px;
    position: absolute;
    background-color: #ea1e00;
}
  /* = pre loader css
  -------------------------------------- */
  #preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
  }
  #status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(images/status.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
  }

  /* = top header css
  -------------------------------------- */
  h1.mulej{
    font-size: 35px;
    margin: 0;
    text-transform: uppercase;
  }
  h1.mulej a{
    color: #fff;
    font-weight: bold;
  }
  h1.mulej a:hover {
    text-decoration: unset;
  }
  span.site-description{
    font-size: 16px;
    font-weight: 600;
    color: #222;
  }
  .denak h2 a:hover,#pagyd ul li a:hover{
    color: #262626;
  }
  .center-align{
    align-self: center;
  }
  .xaraxe-icons {
    text-align: right;
  }
  .xaraxe-icons i {
    color: #222;
    font-size: 20px;
  }
  .cypafi{
    color: #fff;
    clear: both;
    padding: 12em 0 4em;
    background: none;
    position: relative;
    z-index: 1;
  }
  .cypafi:after{
    content: "";
    background-color: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.6;
  }
  .page-header {
    position: relative;
    z-index: 999;
    margin-bottom: 6%;

  }
  .page-header h1{
    color: #000;
    margin-bottom: 10px;
    margin-top: 120px;
    font-family: 'cinzel_decorativeblack';
    font-size: 40px;
  }
  .page-header span,.page-header span a {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
  }

  /* = header css
  -------------------------------------- */

  .header {
    background: transparent;
    position: absolute;
    width: 100%;
    z-index: 9999;
    padding: 0;
  }
  /*.header {
    background: #262626;
    padding-bottom: 15px;
  }*/
  .woocommerce ul.products li.product .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit, #commentform input#submit {
    background: linear-gradient(0deg,#086ad9,#00bcd4 80%) no-repeat;
    color: #fff;
    padding: 10px 25px;
    border-radius: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
  }
  .woocommerce ul.products li.product .button:hover,
  .woocommerce #respond input#submit.alt:hover,
  .woocommerce a.button.alt:hover,
  .woocommerce button.button.alt:hover,
  .woocommerce input.button.alt:hover,
  .woocommerce a.button:hover,
  .woocommerce button.button:hover,
  #commentform input#submit:hover {
    background: #262626;
    color: #fff;
  }

  /* = menus css
  -------------------------------------- */
  #kafy {
    display: inline;
        text-align: right;
  }
  .main-nav ul{
    margin: 0;
    padding: 0;
    /*display: flex;*/
    justify-content: space-between !important;
  }
  .main-nav li{
    display: inline-block;
    position: relative;
    margin-left: 30px;
  }
  .main-nav a {
    text-decoration: none !important;
     font-weight: 600 !important;
    font-size: 17px !important;
    color: #112b3c;
  }
  .main-nav a:hover{
      color: #ffcb00;
  }

  .main-nav ul ul{
    display: none;
    position: absolute;
    background: #000000a1;
    min-width: 250px;
    z-index: 9999;
    line-height: 30px;
    margin: 0;
    top: 46px;
  }
  .main-nav ul ul ul{
    left: 100%;
    top: 0%;
  }
  .main-nav ul ul a{
    color: #fff ;
    border: none;
    padding: 5px 10px;
    transition: all 0.3s ease;
  }
  .main-nav ul ul li:hover a{
    color: #ffcb00;
    letter-spacing: 1px;
  }
  .main-nav ul ul li{
    float: none;
    display: block;
    text-align: left;
    border-left: none;
    border-right: none !important;
    padding: 0;
    border-bottom: solid 1px #262626;
  }
  .main-nav ul ul li:hover{
    background: #fff;
    color: #000;
  }
  .main-nav ul li:hover > ul{
    display: block;
  }
  .main-nav .menu > ul > li.highlight:hover{
    background: transparent;
  }
  .sf-arrows ul .sf-with-ul:after{
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #888;
  }
  .sf-arrows ul li > .sf-with-ul:focus:after,
  .sf-arrows ul li:hover > .sf-with-ul:after,
  .sf-arrows ul .sfHover > .sf-with-ul:after{
    border-left-color: #333;
  }
  .sexi, a.close-button{
    display: none;
  }
  #desos{
    z-index: 10;
        height: 65%;
      overflow: hidden;
  }
  #desos .hexex h1 a {
      position: relative;
      color: #000 !important;
      top: 6%;
      padding-left: 2em;
    }
  #desos p.hexex {
      position: relative;
      color: #000 !important;
      padding-left: 4em;
  }
  #desos img.custom-logo {
      position: absolute;
      left: 26%;
      top: 4%;
  }

  #slider .button-slider {
    color: #112b3c;
    background-color: #ffcb00;
  }

  header#desos a.contactus:hover{
    color: #fff;
    background: #000;
  }
  /* = slider section css
  -------------------------------------- */

  #slider{
    z-index: 1;
  }
  #slider .content{
    width: 100%;
    height: 720px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  #slider .title-slider{
    font-family: "Poppins";
    font-size: 50px;
    font-weight: 600;
  }
  #slider .button-slider{
    border-radius: 25px;
        transition: 0.3s;
  }
  #slider a.button-slider.redmor.btn:hover{
     color: #112b3c;
     background: #fff !important;
     letter-spacing: 1px;
  }

  #slider .overlayer {
      height: 100%;
      width: 55%;
      background-color: #000;
      opacity: 0.8;
      position: absolute;
      top: 15%;
      right: 0;
      border-radius: 110px 0 0 0;
  }
  .slider-content {
      position: absolute;
      margin-top: 6%;
      left: 64%;
      width: 485px;
      -ms-transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      opacity: 1;
      z-index: 99;
  }
  #slider img.slider-image-s {
      width: 26%;
      top: 33%;
      height: 52%;
      border-radius: 50%;
      position: absolute;
      left: 34%;
      border: 2px solid;
      z-index: 1;
          box-shadow: 5px 10px 40px 5px rgb(0 0 0 / 50%);
  }
  @keyframes tada {
    from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }

    10%, 20% {
      -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }

  .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
  }
  #slider .owl-nav {
      background: none;
      position: absolute;
      left: 45%;
      bottom: 4px;
          display: block;
  }
  #slider button.owl-prev {
      position: relative;
      font-size: 38px;
      width: 74px;
      color: #000;
      margin-right: 16px;
      background: #fff;
      border: none;
      border-radius: 18px 0 0 0;
  }
  #slider button.owl-prev:hover{
    border: 1px solid #000;
    background: #ffcb00;
    color: #fc0707;
  }
  #slider button.owl-next {
      position: relative;
      font-size: 38px;
      width: 74px;
      color: #000;
      background: #ffcb00;
      border: none;
      border-radius: 0px 18px 0 0;
  }
  #slider button.owl-next:hover{
    border: 1px solid #000;
    background: #fff;
    color: #fc0707;
  }
  /* = Services css
  -------------------------------------- */

  #service .section-title{
    font-family: "Poppins";
  }
  #service .services-box{
    height: 420px;
    width: 100%;
    background-image: url('/image/services.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0.7s;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 75%) 15px -98px 65px -30px inset;
  }
  #service .services-box img {
      width: 100%;
  }
  #service .services-box:hover{
     opacity: 0.8;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      z-index: 1;
      background: #000;
   }
  #service .colume-row{
    transition: 0.7s;
    padding: 0 3px;
    margin: 13px 0px;
  }
  #service .services-box h4{
    text-align: left;
    margin: 0;
    transition: 0.5s;
        bottom: 2%;
      position: absolute;
      transition: 0.7s;
      left: 18px;
  }
  #service .services-box:hover h4{
    bottom: 30%;
  }
  #service .services-box:hover i.fa.fa-angle-double-right{
    bottom: 33%;
    right: 20%;
  }

  #service .services-box p{
    color: transparent;
  }
  #service .services-box:hover p{
    color: #fff;
  }
  #service .services-box i.fa.fa-angle-double-right {
      bottom: 5%;
      position: absolute;
      right: 24px;
      color: #fff;
      font-size: 30px;
      transition: 0.7s;
  }
  #service .services-box .content{
      width: 100%;
      height: auto;
      position: relative;
  }

  /* blog */

  #blog .section-title{
    font-family: 'cinzel_decorativebold';
  }
  #blog .zagymy-image{
    width: 100%;
    height: 356px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #blog .zagymy-content{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding: 35px 18px;
        background: #f6f6f6 !important;
  }
  #blog .zagymy-title{
  font-size: 22px;
  color: #112b3c;
  font-weight: 500 !important;
  font-family: "Poppins";
  margin-bottom: 18px;
  line-height: normal;
  }
  #blog .zagymy-description{
    font-size: 18px;
  color: #767879;
  font-weight: 400;
  font-family: "Poppins";
  }
  #blog .colume-row {
    padding: 0 35px;
    margin: 35px 0;
  }
  #blog .comment{
      margin-right: 50px;
  }
  #blog .zagymy-content a {
      color: #000 !important;
      text-decoration: none;
      border-radius: 24px;
      background-color: #ffcb00;
      padding: 9px 21px;
      font-size: 18px;
      line-height: 65px;
      color: #112b3c;
      font-weight: 500 !important;
      transition: 0.3s;
  }
  #blog .zagymy-content a:hover{
    letter-spacing: 1px;
  }
  /* Footer */
  #cedel{
    padding: 7em 0 3em;
  }
  #cedel h2{
    color: #fff;
  } 
  #cedel ul li a{
    color: #fff;
  } 
  #cedel .ninakaw{
    color: #fff;
  }
  #cedel aside.ninakaw .textwidget p {
    font-size: 16px;
    color: #c9c9c9ed;
    font-weight: 400;
  }
  #cedel .menu-item{
    margin: 10px 0;
  }
  #cedel .menu-item a {
    color: #c9c9c9ed !important;
    text-decoration: none;
    font-size: 17px;
    font-weight: 300;
  }
  #cedel .menu-item a::before{
    content: "\f005";
      font-family: 'Fontawesome';
      font-size: 11px;
    color:#fff;
    margin-right: 10px;
  }



  /* = Page lay out css
  -------------------------------------- */
  .banymo input.qecanur,
  .banymo input.wodedoj {
    padding: 15px 10px;
  }
  .diho{
    padding:25px 0;
    clear: both;
  }
  .diho p{
    margin-bottom:20px;
  }
  .denak, #pagyd aside.ninakaw{
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 30px 0;
    border: 1px solid #000;
  }
  .denak h2 a{
    color: #262626;
  }
  .single_title{
    margin-bottom: 15px;
    font-size: 20px;
  }
  .cogebyv-thumb{
    margin:0 0 15px 0;
  }
  .zukyziz-links .page-numbers{
    padding:5px 10px;
    color:#111;
  }

  /* = sidebar
  ---------------------------------------------- */
  label{
    margin-bottom: 0;
  }
  aside.ninakaw ul{
    list-style:none;
  }
  h3.ninakaw-title{
  }

  #pagyd ul li{
    border-bottom:1px dashed #d0cfcf;
    padding:8px 0;
  }
  #pagyd ul li a{
    color:#6c6c6c;
    display:inline-block;
  }
  #pagyd ul li:last-child{
    border:none;
  }
  #pagyd.left{
    float:left;
  }
  #pagyd table{
    width:100%;
    text-align:center;
  }
  #calendar_wrap caption{
    font-weight:700;
    padding-bottom:10px;
    text-transform:uppercase;
  }
  #pagyd select {
    width: 100%;
    padding: 10px;
    background: transparent;
    border: solid 2px #262626;
  }
  #pagyd input[type="text"],
  #pagyd input[type="search"],
  #cedel input[type="search"]{
    border: solid 2px #262626;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
  }
  #pagyd input.wodedoj,
  form.woocommerce-product-search button {
    padding: 10px;
    width: 100%;
    border:none;
    background: #262626;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
  }
  #recentcomments li{
    background-image:none !important;
  }
  #recentcomments li a{
    padding-left:0px !important;
  }
  .textwidget select,table{
    width:100%;
  }
  #pagyd .tagcloud a {
    border: solid 2px #262626;
    font-size: 12px !important;
    margin: 2px 0;
    display: inline-block;
    color: #262626;
    padding: 5px;
  }

  /* = Footer css
  ------------------------------------------- */
  #cedel input.wodedoj {
    background: #019ee2;
    color: #262626;
    border: none;
    padding: 10px;
  }
  #cedel{
    background-color: #112b3c;
    color: #ffffff;
  }
  #cedel h3.ninakaw-title {
      font-size: 20px;
      line-height: 26px;
      color: #fefefe;
      font-weight: 500 !important;
  }
  aside#text-3 {
      margin-top: 2em;
  }
  .ftr-4-box h3,.ftr-4-box h2{
  	font-size:25px;
  	color:#fff;
  	margin-bottom:25px;
  	border-bottom:1px solid #303030;
  	padding: 15px 0;
  }
  .ftr-4-box ul{
  	margin:0;
  	padding:0;
  	list-style:inside disc;
  }
  .ftr-4-box ul li {
  	display:block;
  	padding:6px 0;
  }
  .ftr-4-box ul li a,.ftr-4-box a {
  	color:#ffffff;
  }
  .ftr-4-box a:hover{
    color: #019ee2;
  }
  .ftr-4-box p{
  	margin-bottom:15px;
  }
  #cedel select{
    height: auto;
  }
  .zisodi {
   border-top: 1px solid #ffffff6b;
    color: #fff;
    font-size: 18px;
    padding: 31px 0;
  }
  .zisodi a{
    color: #d4d4d4;
    text-decoration: none;
    font-weight: 300;
  }
  .zisodi a:hover {
      color: #ec7a00;
  }

/* Mobile */
@media screen and (min-width: 320px) and (max-width: 520px) {
    #desos .xulyxap {
      background: #fff;
    }
    #desos {
      height: 100%;
    }
    .page-template-template-home-page .header{
      position: static !important;
      background: #262626 !important;
    }
    header#desos i.fa.fa-envelope {
      font-size: 16px;
    }
    header#desos i.fa.fa-phone {
        font-size: 16px;
    }
    #desos p.hexex {
        font-size: 12px !important;
        top: 18%;
    }
    #desos .hexex h1 a {
        top: 50%;
        font-size: 16px;
        padding-left: 107px;
    }
    header#desos .xaraxe {
         padding-top: 8px;
         font-size: 16px;
         text-align: center;
    }
    .xaraxe-icons{
      text-align: center;
    }
    .slider-box h3 {
      font-size: 20px;
    }
    .slider-box {
      right: 10%;
      left: 10%;
      text-align: center;
    }
    h1.mulej{
      font-size: 28px;
    }
    .bagy{
      display: none;
    }
    .fuxubuj{
      display: none;
    }
    .sexi button{
      float: right;
    padding: 0 !important;
    margin-right: 19px;
  }
   #desos img.custom-logo {
      left: 41%;
      top: 1%;
      width: 16%;
      animation: none;
  }
  #slider img.slider-image-s{
    display: none;
  }
  #slider .owl-stage {
      height: 450px;
  }
  #slider .item {
      width: 100%;
      height: 530px;
  }
  #slider .content {
      height: 100%;
      }
  #slider .overlayer {
      width: 100%;
      opacity: 0.5;
      top: 0;
    }
    #slider .title-slider {
      font-size: 25px;
  }
  #slider .slider-content {
      margin-top: 33%;
      left: 0;
      width: 100%;
      padding: 10px;
    }
    #slider .owl-carousel .owl-stage-outer {
      height: 534px;
  }
  #slider .owl-nav{
    left: 25%;
  }
  #slider button.owl-prev{
    font-size: 25px;
  }
  #slider button.owl-next{
    font-size: 25px;
  }
  #slider .redmor {
      font-size: 14px !important;
  }

  #cedel{
    padding: 0;
  }
  }

  /* Mobile Portrait View */
  @media screen and (max-width: 767px) {
    .wpcf7 input[type="text"],
    .wpcf7 input[type="tel"],
    .wpcf7 input[type="email"],
    .wpcf7 textarea {
      width: 100%;
    }
    .slide-btn{
      display: none;
    }
    .page-header h1{
      text-align: center;
    }
  }
  @media screen and (min-width: 320px) and (max-width: 992px){
header#desos p {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
}
header#desos a.contactus {
    display: none;
}
  }


  @media screen and (min-width: 375px) and (max-width: 425px){
    #desos .hexex h1 a {
      padding-left: 9em !important;
    }
  }

  @media screen and (min-width: 424px) and (max-width: 520px){
    #desos .hexex h1 a {
      padding-left: 10em !important;
    }
  }

  @media screen and (min-width: 768px) and (max-width: 1024px){
    #desos .hexex h1 a {
      padding-left: 20px !important;
    }
    #desos img.custom-logo {
      left: 22%;
    }
  }


  @media screen and (min-width: 320px) and (max-width: 1025px){
    #desos .hexex h1 a {
      padding-left: 7em;
    }
    #desos p.hexex {
        padding-left: 1em;
    }
  }
@media screen and (min-width: 1024x) and (max-width: 1025px){
#desos p.hexex {
    padding-left: 4em !important;
}
}

  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .slider-box h3 {
      font-size: 25px;
    }
    .page-template-template-home-page .header{
      position: static !important;
      background: linear-gradient(0deg,#086ad9,#00bcd4 80%) no-repeat;
    }
    .slider-box {
      left: 10%;
      right: 35%;
    }
    .bagy{
    left: -269px;
    }
    .fuxubuj{
    left: -269px;
    }
    #desos img.custom-logo {
    left: 12%;
}
#desos .hexex h1 a {
    font-size: 21px;
}
header#desos .jycyjuf{
  padding: 0;
}
header#desos i.fab {
    font-size: 15px;
    margin: 0;
}
  }

  @media screen and (max-width: 1000px) {
    #kafy nav#site-navigation {
      background: transparent;
      text-align: left;
    }
    .sexi button {
      font-weight: bold;
      background: #fff;
      border: none;
      color: #262626;
      font-size: 15px;
      padding: 16px;
      line-height: 1;
    }
    .xadol {
      height: 100%;
      width: 100%;
      position: fixed;
      z-index: 99999;
      left: 0;
      top: -110%;
      overflow-x: hidden;
      transition: 0.5s top ease-in-out;
      overflow-y: scroll;
      background: #262626;
      opacity: 0.9;
      visibility: hidden;
    }
    body.show-main-menu .xadol {
      visibility: visible;
      top: 0;
      transition: 0.5s top ease-in-out;
    }
    .xadol .close-button {
      font-size: 36px;
      display: block !important;
      color: #fff;
    }
    .xadol #site-navigation {
      width: 100%;
    }
    .sexi span {
      font-size: 30px;
      cursor: pointer;
      text-align: right;
    }
    .main-nav ul ul li,
    .menubar .zukyziz ul li,
    .sexi {
      display: block;
    }
    .main-nav ul li a {
      padding: 8px;
      text-decoration: none;
      font-size: 15px;
      color: #fff;
      display: block;
      float: none;
      margin: 5px 0;
      border-right: none;
    }
    .main-nav ul li ul li a:before {
      content: "\00BB \00a0";
    }
    .main-nav ul.sub-menu a:hover {
      padding-left: 20px !important;
    }
    .main-nav ul ul {
      position: static;
      width: 100%;
      background: transparent;
      border-top-width: 0px;
      border-bottom-width: 0px;
      box-shadow: none;
    }
    .main-nav ul ul a {
      border-bottom: none;
      padding-left: 40px;
    }
    .main-nav ul ul ul.sub-menu a {
      padding-left: 40px;
    }
    .main-nav li {
      padding: 0 15px;
      display: block;
      border-bottom: solid 1px #565656;
    }
    .main-nav ul li:last-child {
      border-bottom: 1px #565656 solid;
    }
    .main-header-box {
      padding-bottom: 15px;
    }
    .main-menu {
      padding: 0em;
      background: transparent;
    }
    .main-nav ul.sub-menu > li > a:before {
      content: unset;
    }
    .main-nav ul.sub-menu > li > a:hover:before {
      opacity: 0;
      left: 0px;
      width: 0px;
    }
  }

    @media screen and (min-width: 1024px) and (max-width: 1200px) {
      .slider-box {
        right: 30%;
      }
      .fuxubuj {
    left: -166px;
}
.bagy {
    left: -156px;
}
    header#desos .xyjywyk {
     margin-right: 0; 
}
    }