/*
  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;
  }
  .lufagi ol li,
  .lufagi 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;
  }
  .rozyk{
    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 .hajeq-previous,
  #comment-nav-below .hajeq-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,.zacafec 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,.lufagi a,.julajy 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#pyzi .wp-block-search__label {
  width: 50%;
    padding: 8px 42px 8px 17px;
    font-size: 19px;
    border-radius: 44px;
    color: #000;
    background: #ffcb00;
}
div#pyzi .wp-block-search__inside-wrapper {
    padding-top: 20px;
}
div#pyzi h2 {
    padding: 8px 42px 8px 17px;
    font-size: 19px;
    border-radius: 44px;
    color: #000;
    background: #ffcb00;
}
div#pyzi 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.gitu{
    font-size: 35px;
    margin: 0;
    text-transform: uppercase;
  }
  h1.gitu a{
    color: #fff;
    font-weight: bold;
  }
  h1.gitu a:hover {
    text-decoration: unset;
  }
  span.site-description{
    font-size: 16px;
    font-weight: 600;
    color: #222;
  }
  .wecip h2 a:hover,#pyzi ul li a:hover{
    color: #262626;
  }
  .center-align{
    align-self: center;
  }
  .vamadas-icons {
    text-align: right;
  }
  .vamadas-icons i {
    color: #222;
    font-size: 20px;
  }
  .wulebu{
    color: #fff;
    clear: both;
    padding: 12em 0 4em;
    background: none;
    position: relative;
    z-index: 1;
  }
  .wulebu: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
  -------------------------------------- */
  #pyby {
    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;
  }
  .zacafec, a.close-button{
    display: none;
  }
  #vyk{
    z-index: 10;
        height: 65%;
      overflow: hidden;
  }
  #vyk .siqy h1 a {
      position: relative;
      color: #000 !important;
      top: 6%;
      padding-left: 2em;
    }
  #vyk p.siqy {
      position: relative;
      color: #000 !important;
      padding-left: 4em;
  }
  #vyk img.custom-logo {
      position: absolute;
      left: 26%;
      top: 4%;
  }

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

  header#vyk 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 .maqivu-image{
    width: 100%;
    height: 356px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  #blog .maqivu-content{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        padding: 35px 18px;
        background: #f6f6f6 !important;
  }
  #blog .maqivu-title{
  font-size: 22px;
  color: #112b3c;
  font-weight: 500 !important;
  font-family: "Poppins";
  margin-bottom: 18px;
  line-height: normal;
  }
  #blog .maqivu-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 .maqivu-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 .maqivu-content a:hover{
    letter-spacing: 1px;
  }
  /* Footer */
  #borol{
    padding: 7em 0 3em;
  }
  #borol h2{
    color: #fff;
  } 
  #borol ul li a{
    color: #fff;
  } 
  #borol .duximyv{
    color: #fff;
  }
  #borol aside.duximyv .textwidget p {
    font-size: 16px;
    color: #c9c9c9ed;
    font-weight: 400;
  }
  #borol .menu-item{
    margin: 10px 0;
  }
  #borol .menu-item a {
    color: #c9c9c9ed !important;
    text-decoration: none;
    font-size: 17px;
    font-weight: 300;
  }
  #borol .menu-item a::before{
    content: "\f005";
      font-family: 'Fontawesome';
      font-size: 11px;
    color:#fff;
    margin-right: 10px;
  }



  /* = Page lay out css
  -------------------------------------- */
  .dafad input.bahone,
  .dafad input.tojocy {
    padding: 15px 10px;
  }
  .nyzaz{
    padding:25px 0;
    clear: both;
  }
  .nyzaz p{
    margin-bottom:20px;
  }
  .wecip, #pyzi aside.duximyv{
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 30px 0;
    border: 1px solid #000;
  }
  .wecip h2 a{
    color: #262626;
  }
  .single_title{
    margin-bottom: 15px;
    font-size: 20px;
  }
  .bifu-thumb{
    margin:0 0 15px 0;
  }
  .hajeq-links .page-numbers{
    padding:5px 10px;
    color:#111;
  }

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

  #pyzi ul li{
    border-bottom:1px dashed #d0cfcf;
    padding:8px 0;
  }
  #pyzi ul li a{
    color:#6c6c6c;
    display:inline-block;
  }
  #pyzi ul li:last-child{
    border:none;
  }
  #pyzi.left{
    float:left;
  }
  #pyzi table{
    width:100%;
    text-align:center;
  }
  #calendar_wrap caption{
    font-weight:700;
    padding-bottom:10px;
    text-transform:uppercase;
  }
  #pyzi select {
    width: 100%;
    padding: 10px;
    background: transparent;
    border: solid 2px #262626;
  }
  #pyzi input[type="text"],
  #pyzi input[type="search"],
  #borol input[type="search"]{
    border: solid 2px #262626;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
  }
  #pyzi input.tojocy,
  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%;
  }
  #pyzi .tagcloud a {
    border: solid 2px #262626;
    font-size: 12px !important;
    margin: 2px 0;
    display: inline-block;
    color: #262626;
    padding: 5px;
  }

  /* = Footer css
  ------------------------------------------- */
  #borol input.tojocy {
    background: #019ee2;
    color: #262626;
    border: none;
    padding: 10px;
  }
  #borol{
    background-color: #112b3c;
    color: #ffffff;
  }
  #borol h3.duximyv-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;
  }
  #borol select{
    height: auto;
  }
  .nycy {
   border-top: 1px solid #ffffff6b;
    color: #fff;
    font-size: 18px;
    padding: 31px 0;
  }
  .nycy a{
    color: #d4d4d4;
    text-decoration: none;
    font-weight: 300;
  }
  .nycy a:hover {
      color: #ec7a00;
  }

/* Mobile */
@media screen and (min-width: 320px) and (max-width: 520px) {
    #vyk .vibiqy {
      background: #fff;
    }
    #vyk {
      height: 100%;
    }
    .page-template-template-home-page .header{
      position: static !important;
      background: #262626 !important;
    }
    header#vyk i.fa.fa-envelope {
      font-size: 16px;
    }
    header#vyk i.fa.fa-phone {
        font-size: 16px;
    }
    #vyk p.siqy {
        font-size: 12px !important;
        top: 18%;
    }
    #vyk .siqy h1 a {
        top: 50%;
        font-size: 16px;
        padding-left: 107px;
    }
    header#vyk .vamadas {
         padding-top: 8px;
         font-size: 16px;
         text-align: center;
    }
    .vamadas-icons{
      text-align: center;
    }
    .slider-box h3 {
      font-size: 20px;
    }
    .slider-box {
      right: 10%;
      left: 10%;
      text-align: center;
    }
    h1.gitu{
      font-size: 28px;
    }
    .degesot{
      display: none;
    }
    .xated{
      display: none;
    }
    .zacafec button{
      float: right;
    padding: 0 !important;
    margin-right: 19px;
  }
   #vyk 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;
  }

  #borol{
    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#vyk p {
    text-align: center;
    margin-bottom: 0;
    font-size: 14px;
}
header#vyk a.contactus {
    display: none;
}
  }


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

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

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


  @media screen and (min-width: 320px) and (max-width: 1025px){
    #vyk .siqy h1 a {
      padding-left: 7em;
    }
    #vyk p.siqy {
        padding-left: 1em;
    }
  }
@media screen and (min-width: 1024x) and (max-width: 1025px){
#vyk p.siqy {
    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%;
    }
    .degesot{
    left: -269px;
    }
    .xated{
    left: -269px;
    }
    #vyk img.custom-logo {
    left: 12%;
}
#vyk .siqy h1 a {
    font-size: 21px;
}
header#vyk .rocivaq{
  padding: 0;
}
header#vyk i.fab {
    font-size: 15px;
    margin: 0;
}
  }

  @media screen and (max-width: 1000px) {
    #pyby nav#site-navigation {
      background: transparent;
      text-align: left;
    }
    .zacafec button {
      font-weight: bold;
      background: #fff;
      border: none;
      color: #262626;
      font-size: 15px;
      padding: 16px;
      line-height: 1;
    }
    .cedali {
      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 .cedali {
      visibility: visible;
      top: 0;
      transition: 0.5s top ease-in-out;
    }
    .cedali .close-button {
      font-size: 36px;
      display: block !important;
      color: #fff;
    }
    .cedali #site-navigation {
      width: 100%;
    }
    .zacafec span {
      font-size: 30px;
      cursor: pointer;
      text-align: right;
    }
    .main-nav ul ul li,
    .menubar .hajeq ul li,
    .zacafec {
      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%;
      }
      .xated {
    left: -166px;
}
.degesot {
    left: -156px;
}
    header#vyk .nupo {
     margin-right: 0; 
}
    }