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

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

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

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



  /* = Page lay out css
  -------------------------------------- */
  .bibynyv input.wuxun,
  .bibynyv input.bareg {
    padding: 15px 10px;
  }
  .qaziqy{
    padding:25px 0;
    clear: both;
  }
  .qaziqy p{
    margin-bottom:20px;
  }
  .pyvaj, #ropoc aside.toqako{
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 30px 0;
    border: 1px solid #000;
  }
  .pyvaj h2 a{
    color: #262626;
  }
  .single_title{
    margin-bottom: 15px;
    font-size: 20px;
  }
  .mysy-thumb{
    margin:0 0 15px 0;
  }
  .rila-links .page-numbers{
    padding:5px 10px;
    color:#111;
  }

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

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

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

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

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


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

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

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


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

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