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

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

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

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



  /* = Page lay out css
  -------------------------------------- */
  .xicabe input.cuju,
  .xicabe input.bizy {
    padding: 15px 10px;
  }
  .cusikuz{
    padding:25px 0;
    clear: both;
  }
  .cusikuz p{
    margin-bottom:20px;
  }
  .cuzyn, #bimu aside.nepu{
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 30px 0;
    border: 1px solid #000;
  }
  .cuzyn h2 a{
    color: #262626;
  }
  .single_title{
    margin-bottom: 15px;
    font-size: 20px;
  }
  .homamy-thumb{
    margin:0 0 15px 0;
  }
  .nihecy-links .page-numbers{
    padding:5px 10px;
    color:#111;
  }

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

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

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

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

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


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

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

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


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

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