/*
Theme Name: Music Class Pro
Theme URI: https://www.buywpthemes.net/products/music-class-wordpress-theme
Author: Peccular
Author URI: https://www.buywpthemes.net/
Description: The Music Class Pro Premium WordPress Theme is an impeccable and advanced multipurpose website theme uniquely designed for Commercial Architecture, Residential Architecture, industrial Architecture, House Architects, construction companies, real estate dealers, interior designing firms, home decor and interior, home furnishing, building warehouses constructions, builder contractors etc.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: music-class-pro
Tags: two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, entertainment, news, portfolio
*/
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}
body {
    margin: 0;
}
@media (prefers-reduced-motion: no-preference){:root {scroll-behavior: auto;}}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
    margin: 0;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
} 
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    text-decoration: :none;
}
a:active,
a:hover {
    outline: 0;
    text-decoration:none;
}
/*a, .dlab-box, .btn, .form-control, .overlay-bx, .overlay-icon li a i, .icon-bx-xl, .icon-bx-lg, .icon-bx-md, .icon-bx-sm, .icon-bx-xs, .share-social-bx li, .indicator, .profile-menu ul li, .staff-member .member-done, .how-dlab-work .dlab-box .shadow-bx img, .how-dlab-work .dlab-box .step-no-bx, .dlab-info-has, .dlab-we-find .dlab-box, .navbar-toggler, .logo-header, .header-nav .nav > li > a, .extra-nav, .skew-secondry:hover, .skew-primary:hover, .skew-secondry:hover::after, .skew-primary:hover::after {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    }*/

    a {
        outline: 0 none;
        text-decoration: none;
    }
    abbr[title] {
        border-bottom: 1px dotted;
    }
    b,
    strong {
        font-weight: bold;
    }
    dfn {
        font-style: italic;
    }
    mark {
        background: #ff0;
        color: #000;
    }
    small {
        font-size: 80%;
    }
    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    sup {
        top: -0.5em;
    }
    sub {
        bottom: -0.25em;
    }
    img {
        border: 0;
    }
    svg:not(:root) {
        overflow: hidden;
    }
    hr {
        box-sizing: content-box;
        height: 0;
    }
    pre {
        overflow: auto;
    }
    code,
    kbd,
    pre,
    samp {
        font-family: monospace, monospace;
        font-size: 1em;
    }
    button,
    input,
    optgroup,
    select,
    textarea {
        color: inherit;
        font: inherit;
        margin: 0;
    }
    button {
        overflow: visible;
    }
    button,
    select {
        text-transform: none;
    }
    button,
    html input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer;
    }
    button[disabled],
    html input[disabled] {
        cursor: default;
    }
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    input {
        line-height: normal;
    }
    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }
    input[type="search"] {
        -webkit-appearance: textfield;
    }
    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }
    fieldset {
        margin: 0 2px;
        padding-top: 15px;
    }
    legend {
        border: 0;
        padding: 0;
    }
    textarea {
        overflow: auto;
    }
    optgroup {
        font-weight: bold;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    td,
    th {
        padding:0px;
    }
/*div#secondary .widget_calendar td {
      padding: 5px 10px;
}
*//*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #444;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
    line-height: 1.2;
    font-family: 'Oswald', sans-serif;
}
h1{
    font-size: 28px;
    margin-bottom: 15px;
}
h2{
    font-size: 26px;
    margin-bottom: 15px;
}
h3{
    font-size: 30px;
    margin:20px 0 15px 0;
}
h4{
    font-size: 22px;
    margin-bottom: 10px;
}
h5{
    font-size: 20px;
    margin-bottom: 10px;
}
h6{
    font-size: 18px;
    margin-bottom: 10px;
}
p {
    margin:0 0 15px;
}
dfn,
cite,
em,
i {
    font-style: italic;
}
.entry-content p a:hover, div#content-box a:hover{
    color: #0F2B5B;
}
blockquote {
    padding: 31px 58px 61px !important;
    font-size: 15px;
    line-height: 25px;
    color: #000000;
    font-weight: 400;
    position: relative;
    border: 2px solid #F64A29 !important;
    border-radius: 20px 0 20px 20px;
    margin-top: 25px !important;
}
#innerpage-box blockquote p {
    color: #000 !important;
    font-size: 15px !important;
    line-height: 25px !important;
        padding: 0;
    margin: 0;
}
#innerpage-box blockquote p:after {
    content: "\f10e";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #F64A29;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    font-size: 39px;
    width: 37px;
    height: 28px;
    right: 34px;
    bottom: 21px;
    position: absolute;
     animation: shadow 1s ease 0.2s infinite;
}

@keyframes shadow {
    0%   {
      transform: scale(1);
      opacity: 0.20;
    }

    50% {
      transform: scale(0.95);
      opacity: 0.28;
    }
  
    100% {
      transform: scale(1);
      opacity: 0.20;
    }
}

blockquote.wp-block-quote h2{
    font-size: 25px !important;
    color: #E11D07 !important;
}
.wp-block-quote cite {
    background: #fff;
    color: #F64A29;
    padding: 0 5px;
    position: absolute;
    right: 31px;
    top: -20px;
    font-size: 30px;
    line-height: 43px;
    font-style: italic;
    font-weight: 600 !important;
        text-transform: uppercase;
}
.wp-block-quote:not(.is-large):not(.is-style-large) {
    padding-left: 1.7em !important;
}
.wp-block-quote:not(.is-large):not(.is-style-large)
#innerpage-box blockquote p{
    margin: 0;
    font-weight: 400;
    color: #0F2B5B;
}
.wp-block-image img {
   /* max-width: 100%;
    width: 100%;*/
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 15px;
    max-width: 100%;
    overflow: auto;
    padding: 15px;
}
code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
}
abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}
big {
    font-size: 125%;
}
select {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    background-color: transparent;
    line-height: 100%;
    outline: 0;
    background-image: url(images/arrow.png);
    background-position: right;
    center: ;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    quotes: "" "";
/*    -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);*/
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 15px;
}
ul,
ol {
    margin: 0 0 15px 20px;
    padding: 0;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 15px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 15px 15px;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
    vertical-align: middle;
}
table {
    margin: 0 0 15px;
    width: 100%;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #fe5722;
    padding: 10px 20px;   
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    font-size: 16px;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /*background: #2d2d2d;*/
    opacity: 1;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #404040;
    border: 1px solid #EEE;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    vertical-align: top;
}
.widget.widget_categories select, {
    border: 1px solid #EEE;
    height: 40px;
    padding: 3px 40px 3px 8px;
    line-height: 100%;
    outline: 0;
    background-image: url("images/arrow.png");
    background-position: right; center;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
    padding: 10px 8px;
    width: 100%;
}
textarea {
    padding: 8px;
    width: 100%;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #f9c12c;
    text-decoration: none;
    transition: all 0.3s ease; 
    -moz-transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
}
a:focus {
    outline: 0;
}
a:hover,
a:active {
    outline: 0;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 15px;
    border-radius: 10px;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 15px;
    border-radius: 10px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 15px;
}
/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    width: 100%;
}
/* Search widget. */
.widget_search .search-submit {
    display: none;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.widget-area .widget-title{
    padding: 5px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #6d6d6d;
    margin: 0;
    position: relative;
    display: block;
    text-transform: uppercase;
    margin: 0 0 12px;
    background: #E11D07;
    color: #fff;
    text-align: center;
    font-weight: 600;
}
.widget-area .wp-block-latest-posts.wp-block-latest-posts__list {
    list-style: none;
    background: #F64A29;
    padding: 35px 16px 39px 24px
}
.widget_calendar {
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 15px 15px !important;
}
.widget_calendar caption{
     font-size: 18px;
    color: #767676;
    font-weight: 600;
}
.widget_calendar nav.wp-calendar-nav {
    left: 12px;
    position: relative;
    text-align: left;
}
.widget_calendar tr td{
    font-size: 15px;
    color: #404040;
    padding: 8px 0;
    font-weight: 500;
    line-height: 25px;
    margin: 0;
    text-shadow: 0em 0em 0.4em rgb(0 0 0 / 6%);
}
.widget-area ul{
    list-style: none;
    margin: 0;
    background: #F64A29;
    padding: 35px 16px 39px 24px !important;
}
/*.widget-area ol{
    border: 1px solid #eaeaea;
    border-radius: 10px;
    padding: 15px 15px;
}*/
.widget-area p, .widget_text p{
    text-decoration: none;
    color: #fff;
    padding: 8px 0;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    font-size: 20px;
    padding: 8px 0 19px;
}
.widget .wp-block-tag-cloud {
    box-sizing: border-box;
    background: #F64A29;
    padding: 35px 16px 39px 24px !important;
    margin: 0 !important;
    position: relative;
    z-index: 1;
}
.widget .tagcloud{
    background: #F64A29;
    padding: 35px 16px 39px 24px !important;
    position: relative;
    z-index: 1;
}

.widget_text{
    border: 1px solid #eaeaea;
    border-radius: 0px;
    padding: 15px 15px;
}
.widget_block, 
.widget_meta, 
.widget_recent_entries, 
.widget_categories, 
.widget_recent_comments,
.widget_archive,
.widget_nav_menu{
    border: 1px solid #eaeaea;
    border-radius: 2px;
    padding: 15px 15px;
}


.widget-area .social-profile-icons ul {
    border: 1px solid #eaeaea;
}
.widget-area .social-profile-icons ul li {
    border: none;
}
.widget-area .social-profile-icons ul li {
    display: inline-block;
        padding: 0;
}
.widget-area .social-profile-icons ul li:before {
    display: none;
}

.widget-area ul ul{
    margin-top: 5px;
}
.widget-area ul ul li{
    padding-left: 10px;
}
.widget-area ul ul li:last-child{
    padding-bottom: 0;
}
.widget-area li, .widget_block ol.wp-block-latest-comments li{
line-height: 25px;
    margin: 0 0 6px;
    position: relative;
    padding-left: 39px;
    font-size: 18px !important;
    color: #fff;
    position: relative;
    z-index: 1;
}
.widget-area li.recentcomments {
    padding: 0px 13px 2px 26px;
}
.entry-content p a, div#content-box a, div#sidebars span.product-title, div#sitemap-box ul li a, main#innerpage-box .woocommerce-info a.showcoupon, .widget-area ul ul li a {
    color: #fff !important;
}
.widget-area a{
    text-decoration: none;
    color: #fff !important;
    display: inline-block;
    padding: 1px 0;
    line-height: 25px;
    text-transform: capitalize;
    margin: 0;
    font-size: 18px;
}
.recentcomments a {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}
.widget-area a:hover{
    color: #fe5722
}
.widget-area .widget{
margin-bottom: 2px;
    padding: 12px 19px 12px 9px;
    background: #0000001A;
    border: none;
    box-shadow: inset 0px 1px 4px #00000029;
    border-radius: 0px 8px 8px 6px;
    margin: 21px 17px 63px;
    position: relative;
}
.widget-area .widget_search {
    padding-bottom: 2px;
}

.widget-area .widget:after{
    content: '';
    box-shadow: inset 0px 1px 4px #F64A29;
    border-radius: 8px;
    position: absolute;
    top: -21px;
    bottom: -19px;
    left: -16px;
    right: -17px;
}

.widget-area button.wp-block-search__button {
    padding: 10px;
    height: 45px;
}
.widget-area button, 
.widget-area input[type="button"],
 .widget-area input[type="reset"], 
 .widget-area input[type="submit"] {
    padding: 15px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    font-size: 16px;
    box-shadow none;
    background: #DCE1E5;
        box-shadow: 0px 0px 4px #FF7703;
}
.widget-area button:hover, 
.widget-area input[type="button"]:hover,
 .widget-area input[type="reset"]:hover, 
 .widget-area input[type="submit"]:hover {
    opacity: 0.8;
}
/*--------------------------------------------------------------
## General Area
--------------------------------------------------------------*/
.md-1{
   margin: 0 0em;
}
.md-0{
    flex-wrap: nowrap;
    margin: 0 0em;
}
/*--------------------------------------------------------------
## Sidebar Area
--------------------------------------------------------------*/
div#secondary input[type="submit"] {
    width: 100%;
}
#secondary input[type="text"]{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    background: transparent;
    border-radius: 5px;
}

#secondary input[type="text"],
#secondary input[type="email"],
#secondary input[type="url"],
#secondary input[type="password"],
#secondary input[type="search"],
#secondary input[type="number"],
#secondary input[type="tel"],
#secondary input[type="range"],
#secondary input[type="date"], 
#secondary input[type="month"], 
#secondary input[type="week"], 
#secondary input[type="time"], 
#secondary input[type="datetime"], 
#secondary input[type="datetime-local"], 
#secondary input[type="color"], 
#secondary input[type="file"],
#secondary textarea, 
#secondary select {
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    border-radius: 2px;
    padding: 10px;
    line-height: 1.6;
    background-color: #F64A29;
        border: 1px solid ;
        color: #fff;
}
#secondary textarea {
    height: 90px;
}
#secondary .gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}
#secondary figure.gallery-item a img:hover, #secondary .widget img:hover{
    opacity: 0.7;
}
#secondary figure.gallery-item a img, #secondary .widget img{
    padding: 5px;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
    display: block;
}
.author-email-url{
    margin-left: -2%;
}
#comments a:hover{
    color:#2d2d2d;
}
#commentsAdd a:hover{
    color:#2d2d2d;
}
#content-box a :hover{
    /*color:#2d2d2d;*/
}
#content-box a i{
    color: #fff;
}
#commentsAdd input[type="submit"]{
    background: #E11D07;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 50px;
    font-size: 16px;
}
#commentsAdd input[type="submit"]:hover{
    border-radius: 5px;
    opacity: 1;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
    float: left;
    margin-left: 0%;
    width: 31.33333%;
}
.author-email-url input{
    width: 100%;
}
.comment-form .form-submit{
    margin-bottom: 0
}
.single_post span.tagtext {
    padding-right: 10px;
}
h3#reply-title,
h3.comments-title{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    width: 30px;
    background: #fe5722;
    /*   height: 2px;*/
}
.logged-in-as,
.comment-notes{
    font-size: 0.9em;
}
#comments ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments li.comment{
    margin: 0 0 20px;
}
#comments li.comment .children{
    display: block;
    margin: 20px 0 0 30px;
    padding: 0px;
    list-style: none;
}
article.comment-body {
    background: #fff;
    margin: 0px;
    position: relative;
}
.comment-list a{
    color: #404040;
}
.comment-list a:hover{
    color: #fe5722 !important;
}
.comment-list .comment-respond{
    margin-top: 20px;
    background: #FFF;
    padding: 20px;
}
.comment-list .vcard img {
    border-radius: 50%;
    margin-right: 10px;
}
.comment-list .vcard .fn{
    font-weight: normal;
    font-size: 16px;
}
.comment-list .edit-link{
    position: absolute;
    right: 0;
    top: 0;
}
.comment-list .edit-link a{
    font-size: 14px;
    display: inline-block;
    padding: 10px;
}
.comment-list .comment-meta {
    margin-bottom: 15px;
} 
.comment-list .comment-metadata {
    border-top: 1px solid #EEE;
    padding-top: 10px;
    font-size: 14px;
}
.comment-list .comment-metadata a {
    float: left;
}
.comment-list .comment-metadata .reply {
    float: right;
}
#cancel-comment-reply-link {
    float: right;
}
.nav-previous a,
.nav-next a{
    background: #fe5722;
    color: #FFF;
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    line-height: 22px;
    position: relative;
}
.nav-next a{
    margin-right: 13px;
}
.nav-next a:after{
    content: "";
    position: absolute;
    border-left: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    right: -11px;
}
.nav-previous a{
    margin-left: 11px;
}
.nav-previous a:after{
    content: "";
    position: absolute;
    border-right: 11px solid #fe5722;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    top: 0;
    left: -11px;
}
.no-comments{
    color: #fe5722;
}
.pagination{
    text-align: center;
}
.pagination .page-numbers{
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    color: #555;
    padding: 10px 14px;
    margin-right: 8px;
    transition: all 0.25s ease;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
    background: #333;
    color: #FFF;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 15px;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
.pagingation{
    margin: 0px 0 0 0;
    padding: 1em 0;
    clear: both; 
}
.pagingation a, .woocommerce nav.woocommerce-pagination ul li a{
    background:rgba(0,0,0,0.7);
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    color: #555;
    padding: 10px 14px;
    margin-right: 8px;
    transition: all 0.25s ease;
}
.pagingation a:hover, .woocommerce nav.woocommerce-pagination ul li a:hover{
    color:#fff;
}
.pagingation .current{
    /*background: #fe5722;*/
    color:#fff;
    padding:10px 15px;
    border-radius: 5px;
    color: #fff;
    margin: 0 1px 0 0;
    display: inline-block;
    line-height: 1.2em;
    text-decoration: none;
    padding: 10px 14px;
    border: 1px solid #ccc;
    margin-right: 8px;
}

.page-content #searchform input[type="submit"] {
    margin-top: 15px;
}
body.archive.date a.next.page-numbers,
body.archive.category a.next.page-numbers,
body.archive.tag a.next.page-numbers{
        position: relative;
}

body.archive.date a.next.page-numbers:after, 
body.archive.category a.next.page-numbers:after, 
body.archive.tag a.next.page-numbers:after {
    content: "NEXT";
    position: absolute;
    right: 15px;
}
body.archive.date a.next.page-numbers, body.archive.category a.next.page-numbers, body.archive.tag a.next.page-numbers {
    padding-left: 50px !important;
    width: 0;
    position: relative;
    height: 43px !IMPORTANT;
    position: relative;
    top: 18px;
}
body.archive.date a.next.page-numbers,
 body.archive.category a.next.page-numbers,
  body.archive.tag a.next.page-numbers {
    display: inline-block;
    margin: 0 2px;
    padding: 12px 16px;
    line-height: 1;
    border-radius: 2px;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #ccc;
    border-radius: 5px;
}
/*--------------------------------------------------------------
## Tabbed Widget
--------------------------------------------------------------*/
#sidebar-tabs {
    position: relative;
    padding-top: 90px;
    border-top: 0;
}

#sidebar-tabs .tabs-nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
}

#sidebar-tabs .tabs-nav li {
    cursor: pointer;
    width: 50%;
    display: inline-block;
    float: left;
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 700;
    color: #353535;
    letter-spacing: 2px;
    margin: 0 0 20px;
    background: rgba(200, 200, 200, .15);
    padding: 12px 10px 12px 30px;
    border-top: 10px solid rgba(200, 200, 200, .15);
}

#sidebar-tabs .tabs-nav li.active {
    font-weight: bold;
    background: #fff;
}

#sidebar-tabs .tabs-nav li:first-child {
    border-radius: 3px 0 0 0;
}

#sidebar-tabs .tabs-nav li:last-child {
    border-radius: 0 3px 0 0;
}

#sidebar-tabs .tabs-nav li h2 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #353535;
    letter-spacing: 2px;
    margin: 0;
}

#sidebar-tabs .tabs-content ol {
    display: none;
    counter-reset: li;
    margin-left: 0;
    padding-left: 0;
}

#sidebar-tabs .tabs-content ol:first-of-type {
    display: block;
}

.tabs-content ol > li {
    position: relative;
    margin: 0 0 30px 42px;
    list-style: none;
}

.tabs-content ol > li:before {
    content: counter(li);
    counter-increment: li 1;
    position: absolute;
    top: -1px;
    left: -72px;
    width: 60px;
    font-weight: 700;
    padding: 4px 4px 4px 30px;
    background: rgba(200, 200, 200, .15);
    box-sizing: border-box;
}

.tabs-content h3 {
    font-size: 1.1rem;
    font-weight: normal;
    margin: 0;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
    margin-bottom: 15px;
}
.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item {
    max-width: 50%;
}
.gallery-columns-3 .gallery-item {
    max-width: 13.33%;
}
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-5 .gallery-item {
    max-width: 20%;
}
.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}
.gallery-caption {
    display: block;
}
.ht-gallery-member-image {
    position: relative;
    overflow: hidden;
}
/*--------------------------------------------------------------
## General
--------------------------------------------------------------*/
.section-title h2 {
    word-break: break-word;
    font-weight: 800;
    font-size: 60px;
    margin-bottom: 1em;
} 
.section-title h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    margin-bottom: 0px;
}
.inner-area-title {    
    font-size: 25px;
    font-weight: 500;
    word-break: break-word;
}
.section-area-text {    
    margin-bottom: 24px;
    font-size: 17px;
    line-height: 25px;
    font-weight: 400;
    word-break: break-word;
}
.textcenter{
    text-align: center;
}
:hover{
    -webkit-transition-duration: 1s;   
    -moz-transition-duration: 1s;   
    -o-transition-duration: 1s;   
    transition-duration: 1s;
}
section{
}
section .darkbox{
    padding:3em 0;
    background: rgba(0,0,0,0.6)
}
section .lightbox{
    padding: 5em 0;
}
.padding0{
    padding: 0;
}
.ht-section-title-tagline{
    margin-bottom: 3em;
}
.ht-section-title{
    font-size: 33px;
    color: #323232;
    margin: 0 auto;
    font-weight: bold;
    line-height: 60px;
    word-break: break-word;
    position: relative;
}
.ht-section-title:last-child{
    margin-bottom: 0;
}
.darkbox .ht-section-tagline{
    font-size:16px;
    width: 70%;
    margin: 0 auto 0;
    color:#fff;
}

.single-productpage .innerpage-whitebox {
    margin-top: 0;
    padding: 1em;
}
.single-productpage #sidebars {
    margin-top: 20px;
}
.single-productpage .ht-main-title {
    padding: 20px;
}
.woocommerce ul.product_list_widget li img{
 margin: 0 15px 0px 0;
}
.woocommerce .woocommerce-breadcrumb a,
#total-breadcrumbs a{
    color: #000;
}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{
    color: #fe5722;
}
.taxonomy-description,
.term-description{
    margin-bottom: 15px;
    padding: 0px 25px 25px 25px;
}
.taxonomy-description p:last-child,
.term-description p:last-child{
    margin-bottom: 0;
}
/*===========================================
## Search & cart icon
======================================*/
.sitenav .search-icon{
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer;
    padding: 0;  
}
.sitenav .search-icon i{
    margin: 0;
    font-size: 16px;
    color: #fff;
    background: #ac8e50;
    padding: 13px 15px;
    border-radius: 50%;
}
.sitenav .search-bar {
    display: none;
    position: absolute;
    bottom: 16px;
    z-index: 200;
    right: 13%;
}
.sitenav .search-bar input{
 display:inline-block;
}
.sitenav .search-bar input[type="text"]{ 
 width:100%;
 background: rgba(33, 33, 33, 0.8);
 color:#fff;
 border:none;
}
.sitenav .search-bar input[type='submit']{
    background: #000;
    color: #000;
    width: 15%;
    padding: 0;
}
.fa-search {
 &:hover {
  color: rgba(255, 255, 255, 0.75);
}
}


/*=== header top===*/

@media screen and (min-width: 300px) and (max-width: 768px){

   header.site-header .heighlightheader{
    clip-path: inherit !important;
    -webkit-clip-path:inherit !important;
   }

}
/*=====video sec ===*/

.video-sec{
    position: relative;
    margin: 2em 0;
}

.video-sec:before, .video-sec:after{
      z-index: -1;
  position: absolute;
  content: "";
  bottom: 30px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:400px;
  background: #fff;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);

}

.video-sec:after{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}


@media screen and (min-width: 300px) and (max-width: 768px){

    section#video iframe{
        height: 300px;
    }

}

@media screen and (min-width: 769px) and (max-width: 992px){

     section#video iframe{
        height: 350px;
    }
}


/*----------------------------------------*/
/*  01. Header Area
/*----------------------------------------*/
.resp_header_logo {
    display: none;
}
.overlap-header {
    position: relative;
    top: 0px;
}
.page-main-header{
  /*  background: #fe5722;*/
    color:#fff;
    clear: both;
    padding: 12em 0 4em;
    background: none;
    position: relative;
    overflow: hidden;
}
.page-main-header img.ipbgimg {
        width: 50%;
    -webkit-animation: zoomin 7s ease-in infinite;
    animation: zoomin 7s ease-in infinite;
    transition: all .3s ease-in;
    z-index: 1;
    position: absolute;
    right: 6em;
    top: 8em;
}

.image-icon {
    position: absolute;
    text-align: center;
    bottom: 93px;
    right: 0;
}
.site-details{
    padding-bottom: 6em;
    z-index: 2;
    position: relative;
    padding-top: 3.5em;
}


.lower-header .header-social-links {
    margin: 20px 0;
}
.header-transparent .resp_head_box {
    padding: 12px 0 15px;
}
.header-seo.header-transparent .is-fixed .main-bar p.ht-site-description {
    display: none;
}
.resp_header_btn p {
    display: none;
}
.pd-0{
    padding: 0;
}
.header-right .single-header-info {
    text-align: right;
}
header.site-header li {
    display: inline-block;
    list-style-type: none;
}
.single-header-info li:nth-of-type(2n):before {
    content: "|";
    padding: 0px 1px 0px 1px;
    color: #ffffff;
    font-weight: 600;
}

.logo {
    padding: 0 5px;
}

.logobox img{
    position: relative;
}
header.site-header .main-dispaly.padding0 {
    padding-right: 0;
}
/* = Navigation hover and active menu css
-------------------------------------------------------------- */
header.site-header span.text,
.single-header-info span.theme-color {
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}
header.site-header button.header-btn {
  border: none;
  background-color: #E11D07;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  padding: 11px 37px;
  display: inline-block;
  line-height: 1.5em;
  font-weight: 600;
  font-size: 15px;
  outline: none;
  position: relative;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  top: 10px;
  float: right;
  word-break: break-word;
}
header.site-header button.header-btn span {
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
header.site-header button.header-btn i {
  font-size: 20px;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  opacity: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:before {
  border-radius: 30px;
  content: '';
  top: 3px;
  bottom: 3px;
  left: 50%;
  right: 50%;
  position: absolute;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
header.site-header button.header-btn:hover,
header.site-header button.header-btn.hover {
  color: #000000;
}
header.site-header button.header-btn:hover span,
header.site-header button.header-btn.hover span {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:hover i,
header.site-header button.header-btn.hover i {
  opacity: 1;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:hover:before,
header.site-header button.header-btn.hover:before {
  left: 3px;
  right: 3px;
  background: #ffffff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
header.site-header button.header-btn:active:before {
  background: rgba(255, 255, 255, 0.7);
}
.navigation .mainmenu{ 
    position:relative; 
    z-index:9999; 
    vertical-align:middle; 
    float: none;
}
.navigation .mainmenu li{ 
    display:inline-block; 
    position:relative; 
    line-height:normal; 
    /*margin-right: 20px;*/
}
.navigation .mainmenu li a{ 
    display:block; 
    text-align:center;   
    position:relative; 
}


/* = Navigation 2nd level css
-------------------------------------------------------------- */

ul.sub-menu{
   /* display:none;*/
    z-index:9999;
    position:absolute;
    left:-9999px;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    left: 0;
    top: 96% !important;
    text-align: left;
    background: #9bb70d;
    min-width: 250px;
    z-index: 999;
    padding: 8px;
    margin-top: 4px;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.13);
}
.navigation .mainmenu li ul li{
    display:block; 
    position:relative; 
    float:none; 
    line-height:18px; 
    margin-left:0; 
    margin-right:0; 
    -webkit-transform: skew(0deg); 
    -ms-transform: skew(0deg); 
    transform: skew(0deg); 
    /*box-shadow: 0 0 6px rgba(0,0,0,0.15);*/
}
.navigation .mainmenu li ul li a{
    display:block; 
    padding: 5px 0px;
    position:relative;
    top:0; 
    text-align:left; 
    z-index: 1;
}

.navigation .mainmenu li:hover ul.sub-menu li {
    opacity: 1;
    visibility: visible;
  /*  transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -webkit-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -moz-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;
    -o-transition: cubic-bezier(0.25, 0.1, 0.32, 0.83) 0.3s;*/
}

.navigation .mainmenu ul.sub-menu li a {
    list-style-type: none;
    font-size: 13px;
    font-weight: 400;
    padding: 12px 20px;
    display: inline-block;
    width: 100%;
    margin: 0px;
}

@media only screen and (max-width: 1300px) {
    ul.sub-menu {
        position: relative;
        box-shadow: none;
    }
    .navigation .mainmenu ul.sub-menu li {
    opacity: 1;
    visibility: unset;
    -moz-transform: translate3d(0px, -12px, 0px);
    }

}

@media only screen and (min-width: 1300px) {
/*  .menu-content {
    float: left;
}*/
.navigation .mainmenu li:hover > ul{
      display: block;
      width: 250px;
      position: absolute;
      left: auto;
      top: 85%;
      text-align: left;
  }

}


.navigation .mainmenu li ul.sub-menu {
    border-radius: 10px;
    padding: 10px 25px 10px 0 !important;
    margin: 0 !important;
}

/* = Navigation 3rd level css
-------------------------------------------------------------- */
.navigation .mainmenu li:hover ul li:hover > ul{
    display:block; 
    position:absolute; 
    left:205px; 
    top:-1px; 
    -ms-animation: fadeInRight .3s ease-in-out; 
    -webkit-animation: fadeInRight .3s ease-in-out; 
    animation:fadeInRight .3s ease-in-out; 
    z-index: 1;
    background: #000;
    overflow: visible;
}

.navigation .mainmenu li:hover ul li:hover > ul li a{
    color: #fff;
    background: none !important;
}
/*.navigation .mainmenu li:hover ul li:hover > ul li:hover a{
     background:#E11D07 !important;
     color: #fff !important;
}*/
.heade-border {
    border-bottom: 1px solid #939192;
    padding: 0 5px;
}
.header.site-header ul.sub-menu li a {
    font-size: 15px;
    /*    transition: all 0.5s ease 0s;*/
    font-weight: 500;
    position: relative;
}

.navigation .mainmenu li:hover ul li:hover > ul li a:before,
.header.site-header ul.sub-menu li a:before {
     content: "\f2d1";
     position: absolute;
     top: 50%;
     margin-top: -.5em;
     margin-left: -22px;
     border-radius: 0%;
     -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
     -ms-transition: all 0.2s ease;
     transition: all 0.2s ease;
     opacity: 0;
     font-family: 'FontAwesome';    
     line-height: 1;   
     font-size: 2px;
    width: 15px;
    color: #E11D07;
}
.header.site-header ul.sub-menu li:hover > a:before {
    opacity: 1;
    color: #fff;
}

.navigation .mainmenu li a:before {
    background-color: #ebf0f1;
}

header.site-header ul {
    margin: 0;
}
header.site-header .text-bx.padding0 {
    font-size: 13px;
    font-weight: 700;
}
header.site-header .list-inline.m-a0 {
 padding: 2px 0;
 float: right;
}
.navigation .mainmenu {
   position: relative;
   text-align: left;
}
.header-icon i.fa {
    position: relative;
    top: 0px;
    font-size: 15px;
    padding-right: 9px;
    font-weight: 700;
}
.site-header ul,
.site-header ol {
    margin-bottom: 0;
}
/*without top bar*/
.extra-nav {
    float: right;
    padding: 26px 0;
    position: relative;
    z-index: 9;
}
.extra-nav .site-button-link{
    font-size:15px;
}
.extra-nav .extra-cell {
    display: inline-block;
    margin-left: 10px;
}
@media only screen and (max-width: 767px) {

    .extra-nav {
        margin-right: 15px;
    }
}
@media only screen and (max-width: 480px) {
    .extra-nav {
        margin: 0 1px 0 0;
        text-align: right;
    }
}
.new-page{
    padding: 2px 5px;
    font-size: 10px;
    background: #ff0000;
    color: #fff;
    border-radius: 4px;
    vertical-align: middle;
    margin-left: 2px;
}
.new-page.menu-new{
    font-size: 10px;
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 3px 4px;
    line-height: 10px;
}
@media only screen and (max-width: 1200px) {
    .new-page.menu-new{
        display:none;
    }
}
/* map page header*/
#header-part.fix-map-header {
    height: 90px;
}
#header-part.fix-map-header .main-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 480px) {
    #header-part.fix-map-header {
        height: 160px;
    }
}
@media screen and (max-width: 991px) {
    header.site-header input[type='search'], 
    header.site-header input[type='search']:hover {
        width: 100%;
    }
}
header.page-main-header .innerpgimg{
    display: block;
    position: relative;
}
header.page-main-header .innerpgimg:after{
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 100%;
   background: #000;
   transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -webkit-transition: all 0.2s ease;
   opacity: 0.6;
}
div#secondary .widget_calendar table thead tr th{
    padding: 10px;
}
.widget_calendar tfoot tr td a {
    padding: 2px 10px;
}


/*---------------------------------------------------------------
 Services section
---------------------------------------------------------------*/
.services-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 1;
    background-size: cover;
}


/*---------------------------------------------------------------
15. PAGE TOP BAR (left & right content)
---------------------------------------------------------------*/
.icon-x {
    text-align: right;
}
.main-header-info {
    text-align: center;
}
.header-icon {
    display: inline-block;
    text-align: left;
}
.top-bar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    color: #444444;
}
.dlab-topbar-right {
    float: right;
}
.dlab-topbar-left ul,
.dlab-topbar-right ul{
    list-style:none;
    margin:0;
    padding:0;
}
.dlab-topbar-left ul li,
.dlab-topbar-right ul li{
    display:inline-block;
}
.dlab-topbar-left ul li{
    padding-right:0px;
}
.dlab-topbar-left ul li a,
.dlab-topbar-right ul li a{
    color:#444444;
}
.topbar-social li a{
    padding: 0 6px; 
}
@media only screen and (max-width: 991px) {

    .dlab-topbar-right {
        padding-left: 0;
        padding-right: 15px;
    }
    .dlab-topbar-left{
        padding-right: 0;
    }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 15px;
    overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*header.site-header ul.sub-menu li {
    display: block !important;

    }*/
    .navigation .mainmenu {
        transition: padding 0.3s ease;
        -moz-transition: padding 0.3s ease;
        -webkit-transition: padding 0.3s ease;
    }
    .navigation .mainmenu.ht-menu {
        display: block !important;
    }
    .navigation .mainmenu li {
       position: relative;
   }
   .navigation .mainmenu li a {
      display: block;
      text-decoration: none;
      font-size: 15px;
      padding: 2px 0;
  }
  .sf-arrows .sf-with-ul {
    padding-right: 0em !important;
}

.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}

i.flaticon-phone-call.m-r5, 
i.ti-location-pin.m-r5 {
    margin-right: 12px;
}
/* = Navigation sticky header css
-------------------------------------------------------------- */

/*.header-transparent .sticky-header {
    padding: 14px 0;
    text-align: right;
    
}
.header-seo.header-transparent .is-fixed .main-bar ul {
    padding: 5px 0 10px;
    text-align: center;
}
.header-seo.header-transparent .is-fixed .main-bar ul ul.sub-menu {
    padding: 0px;
}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: 10px;
    position: relative;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {
    top: 8px;
}
header.site-header .dlab-topbar-left {
    position: relative;
    top: 13px;
}*/
/*----------------------------------------*/
/*  02.Slider Area
/*----------------------------------------*/
.bx-wrapper .bx-controls-direction a{
    z-index: auto !important;
}
.social-icon-container {
    position: relative;
    right: 20px;
}
.slider_section{
    position: relative;
}

.slider_section .ht-slide-cap-desc span {
    color: #E11D07;
}
.slider_section .bx-wrapper .bx-next{
    transition: all 0.8s ease;
}

.slider_section .bx-wrapper .bx-prev{
 transition: all 0.8s ease;
 width: 74px !important;
 line-height: 40px;

 text-align: center;
}

@keyframes an{
    from{
        opacity: 0;
        transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
    }
    to{
        opacity: 1;
        transform: perspective(500px) translate3d(0, 0, 0);
    }
}
.bx-controls-direction {
    display: none;
}
.ht-slide{
    position: relative;
}
.ht-slide img{
    width: 100%;
}
.slider_gradiant{
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background: #fff;
 opacity: 1;
}
.slide-img-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
}
.slider_content{
    position: absolute;
    top: 65%;
    left: 40%;
    width: 670px;
    margin-left: -513px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 3.5em 0em;
    text-align: left;
    z-index: 999;
}

.ht-slide img {
    width: 100%;
    height: 800px !important;
}

.img-slide-responsive {
    position: absolute;
    right: 1193px;
    top: 0px;
}

.slider_section .bx-wrapper .bx-controls-direction a{
    height: 40px;
    text-indent: initial !important;
    font-weight: 600;
    font-size: 14px;
}
.slider_section .bx-wrapper .bx-prev{
 background: transparent url(images/pre1.png) no-repeat left;
 left: auto;
 right: 0;
 top: 24%;
}
.slider_section .bx-wrapper .bx-next{
   background: transparent url(images/next1.png) no-repeat right;
   right: 0;
   top: 28%;
}
.slider_section .bx-wrapper .bx-next {
    width: 55px;
    line-height: 40px;
}
.ct-btn-scroll {
   width: 20px;
   position: absolute;
   bottom: 30px;
   left: 0;
   right: 0;
   margin: auto;
   z-index: 9;
   border-radius: 50%;
   -webkit-transition: background-color 0.25s ease-in-out;
   transition: background-color 0.25s ease-in-out;
}

.slider_section .bx-wrapper .bx-controls-direction a {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient( to right, #E11D07, #E11D07 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: 100%;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}

.slider_section .bx-wrapper .bx-controls-direction a:hover {
  transition: all 0.3s cubic-bezier(0.000, 0.000, 0.230, 1);
  background-position: 0%;
  transform: scale(1.2);
}


.slider_section .midix {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}
.slider_section .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
.midix.infinite, .midix_hover.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}


.slider_section .site-button {
    margin-top: 5px;
}
.slider_section .box-hover, .box-hover-2{
  display: inline-block;
  width: 822px;
  height: 462px;
  margin-top: 30px;
  animation: Animate1 5s infinite alternate ease-in-out;
}
.slider_section .box-title{
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  color: #fff;
  text-shadow: 0 0 80px rgba(#000, 0.4);
  letter-spacing: 2px;
  
}
.slider_section .box{
  position: relative;
  display: inline-block;
  width: 1100px;
  right: -20%;
  top: 45%;
}
@keyframes Animate1{
  0%{transform:translateY(3%)}
  to{transform:translateY(-3%)}
}
@keyframes Animate2{
  0%{transform:translateY(0%)}
  to{transform:translateY(-30%)}
}
.slider_section .title {
    font-size: 42px;
    font-weight: 500;
    padding-bottom: 0px;
    word-break: break-word;
    text-align: left;
    line-height: 46px;
    z-index: 1;
    position: relative;
}
.slider_section .title b {
    font-weight: 600;
    font-size: 58px;
    display: block;
}
.slider_section .sub-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    word-break: break-word;
    text-align: left;
    margin-top: 10px;
    z-index: 1;
    position: relative;
}

.slider-btn {
    margin-top: 2.5em;
    z-index: 1;
    position: relative;
}

.slider_section a.btn {
  display: inline-block;
  text-align: center;
  background: #E11D07;
  color: #fff;
  font-weight: 700;
  padding: 15px 30px;
  line-height: 1;
  border-radius: 50px;
  position: relative;
  text-decoration: none;
  font-size: 14px;
  -webkit-appearance: none;
  background: -webkit-gradient(to right, #441e87 0%,#E11D07 20%, #E11D07 50%, #441e87 100%);
  background: linear-gradient(to right, #441e87 0%,#E11D07 20%, #E11D07 50%, #441e87 100%);
  background-size: 500%;
  border: none;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  color: #fff;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.slider_section a.btn:hover {
    animation-name: gradient;
    -webkit-animation-name: gradient;
    animation-duration: 2s;
    -webkit-animation-duration: s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
@keyframes gradient{
  0% {
    background-position: 0% 50%;
}
100% {
    background-position: 100% ;
}
}

.slider-menuimg {
    position: absolute;
    left: -58px;
    bottom: 0;
}
.slider-contentimg {
   position: absolute;
   left: -58px;
   bottom: 0;
}
.slider-menuimg img, .slider-contentimg img {
    width: auto;
    height: auto !important;
}
.slider-contentimg img, .slider-menuimg img {
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*----------------------------------------*/
/*  03. Subject inner page
/*----------------------------------------*/
#innerpage-box .single-subject {
    border-radius: 10px;
    position: relative;
    text-align: center;
    padding: 20px 20px 20px 20px;
    background-color: #ffffff;
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.1);
    margin-bottom: 30px;
}
body.page-template-default main#innerpage-box .single-subject h4 {
    margin: 0;
    margin-bottom: 10px;
    border-left: none;
    padding: 15px 0 0;
    letter-spacing: 1px;
}
#innerpage-box .single-subject-bx .sub-btn li{
    margin: 0;
}
#innerpage-box .single-subject-bx .sub-btn li:before{
    display: none;
}
#innerpage-box .subject-icon {
    background-image: none;
    border-radius: 0;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    position: relative;
    top: 0;
    margin: 0 auto;
    z-index: 2;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#innerpage-box .single-subject-bx .subject-content {
 width: 100%;
 height: auto;
 padding: 5px 0;
 position: absolute;
 bottom: 0;
 right: 0;
 transition: all 0.95s ease 0s;
 opacity: 1;
 border-radius: 0 0 10px 10px;
}
#innerpage-box .single-subject-bx:hover .subject-content {
    background: #4640a7;
}
#innerpage-box .single-subject-bx .sub-btn {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    position: absolute;
    top: -30px;
    left: 0;
    opacity: 0;
    transform: translateY(-60%);
    transition: all 0.95s ease 0s;
}
#innerpage-box .single-subject-bx:hover .sub-btn {
    transform: translateY(10%);
    opacity: 1;
}
#innerpage-box .single-subject-bx .sub-btn li a {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    -webkit-appearance: none;
    background: -webkit-gradient(to right, #441e87 0%,#E11D07 20%, #E11D07 50%, #441e87 100%);
    background: linear-gradient(to right, #441e87 0%,#E11D07 20%, #E11D07 50%, #441e87 100%);
    background-size: 500%;
    border: none;
    box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
    transition: all 0.5s ease 0s;
}

#innerpage-box .single-subject-bx .sub-btn li a:hover{
    animation-name: gradient;
    -webkit-animation-name: gradient;
    animation-duration: 2s;
    -webkit-animation-duration: s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
#innerpage-box .subject-icon a .subject-img-overlay{
    position: relative;
    text-align: center;
    overflow: hidden;
}

#innerpage-box .subject-icon a .subject-img-overlay:after {
    background: #ffd317;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    opacity: 0.5;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: linear-gradient(0deg,#516ced,#8972ea 80%) no-repeat;
}

#innerpage-box .single-subject-bx:hover .subject-icon a .subject-img-overlay:after, 
#innerpage-box .single-subject-bx.hover .subject-icon a .subject-img-overlay:after {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 0.75;
}


/*----------------------------------------*/
/*  03. Service Area
/*----------------------------------------*/
div#service {
   position: relative;
}
.titleborder {
    margin-bottom: 4em;
}
.titleborder:after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  margin: 0 auto;
  position: relative;
}

.service-area .single-service {
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background: #fff;
    padding: 3.5em 2em;
    margin: 0 -10px;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    display: inline-block; 
}

.service-area .single-service-bx {
    filter: drop-shadow(-1px 0px 4px rgba(50, 50, 0, 0.2));
    padding: 0 0px;

}
.service-area .single-service-bx:hover .single-service {
    background: linear-gradient(0deg,#E11D07,#441e87 80%) no-repeat;
}
.service-icon a i {
    font-size: 85px;
    margin-bottom: 15px;
    color: #E11D07;
    transform: scale(1);
    transition: all 1s ease 0s;
}

.service-area .service-icon a img {
    display: none;
}

.service-area p {    
    padding: 0 10px;
}


.service-area .service-area-btn {margin: 0 50px;}

.service-area h4 {
    padding: 0 10px;
}
.single-service-bx {padding: 0 20px;margin-bottom: 40px;    
    position: relative;
    z-index: 2;}
    .service-social-btn { position: absolute;z-index: 3;display: grid; top: 25%;}
    .service-area .service-social-btn  a {font-size: 15px; padding: 0 0px; margin: 8px 0px;transition: 0s;}

    .service-area .single-service-bx:hover p,
    .service-area .single-service-bx:hover h4  {
     color: #fff;
 }


 .service-area .single-service-bx:hover .service-icon a i {
     color: #fff;
     transform: scale(1.1);
     left: 40px;
 }


 /* bubbles */
 .service-area .single-service-bx:hover .single-service::before {
  content: '';
  pointer-events: none;
  opacity: .6;
  background:
  radial-gradient(circle at 20% 35%,  transparent 0,  transparent 2px, #fff 3px,  #fff 4px, transparent 4px),
  radial-gradient(circle at 75% 44%, transparent 0,  transparent 2px,  #fff 3px,  #fff 4px, transparent 4px),
  radial-gradient(circle at 46% 52%, transparent 0, transparent 4px,  #fff 5px,  #fff 6px, transparent 6px),
  radial-gradient(circle at 33% 44%, transparent 0, transparent 4px,  #fff 5px,  #fff 6px, transparent 6px),
  radial-gradient(circle at 65% 40%, transparent 0,  transparent 2px,  #fff 3px,  #fff 4px, transparent 4px),
  radial-gradient(circle at 30% 32%,  transparent 0,  transparent 2px, #fff 3px,  #fff 4px, transparent 4px);
  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  position: absolute;
  animation: bubbles 5s linear infinite both;
}

@keyframes bubbles {
  from {
    transform: translate();
}
to {
    transform: translate(0, -66.666%);
}
}


/*----- child css for icon ----*/

.service-area .single-service-bx:nth-child(1) .service-icon a i,
.service-area .single-service-bx:nth-child(5) .service-icon a i,
.service-area .single-service-bx:nth-child(9) .service-icon a i,
.service-area .single-service-bx:nth-child(13) .service-icon a i{
    color: #e95e63;
}

.service-area .single-service-bx:nth-child(2) .service-icon a i,
.service-area .single-service-bx:nth-child(6) .service-icon a i,
.service-area .single-service-bx:nth-child(10) .service-icon a i,
.service-area .single-service-bx:nth-child(14) .service-icon a i{
    color: #089ad6;
}

.service-area .single-service-bx:nth-child(3) .service-icon a i,
.service-area .single-service-bx:nth-child(7) .service-icon a i,
.service-area .single-service-bx:nth-child(11) .service-icon a i,
.service-area .single-service-bx:nth-child(15) .service-icon a i{
    color: #fca902;
}

.service-area .single-service-bx:nth-child(4) .service-icon a i,
.service-area .single-service-bx:nth-child(8) .service-icon a i,
.service-area .single-service-bx:nth-child(12) .service-icon a i,
.service-area .single-service-bx:nth-child(16) .service-icon a i{
    color: #20d092;
}

/*----- child css for icon ----*/

.service-area .inn-single-service-bx {
    display: none;
}

/*----------------------------------------*/
/*  07. Testimonials Area
/*----------------------------------------*/

#testimonials{
   position: relative
}
.testimonials-img {
    position: absolute;
    right: 15%;
    top: -130px;
}
.testimonials-img img {
    width: auto;
    height: auto !important;
}
.testimonials-img img{
    -webkit-animation: spin 10s linear infinite;
    animation: spin 10s linear infinite;
}

#testimonials .section-title h2 {
    font-size: 24px;
    letter-spacing: 8px;
    margin-bottom: 0;
}
#testimonials .section-subtitle h3 {
    font-size: 58.57px;
    font-weight: 600;
    line-height: 63px;
    margin-bottom: 0;
    margin-top: 5px;
}
.section-area-text p{
    font-size: 15px;
}
div#testimonials .ts-pd {
    padding-top: 4em;
}

.testimonials-area .ts-area-thumb img {
    width: 80px !important;
    height: 80px;
    /* display: inline; */
    border-radius: 50%;
}
.testimonials-area #quote-carousel {
    padding: 0 10px 0 10px;
}
.testimonials-area #quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 30px;
    margin-right: -19px;
    z-index: 2;
}
.testimonials-area .carousel-indicators li {
    background-color: #fcbed9;
    border: 1px solid #fcbed9;

}
.testimonials-area #quote-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.4s;
    margin-right: 0;
    margin: 0 4px;
}
.testimonials-area #quote-carousel .carousel-indicators .active {
    background: #f72b84;
    width: 10px;
    height: 10px;
    border-color: #f72b84;
    opacity: 1;
    overflow: hidden;
    margin-right: 0;
    margin: 0 4px;
}
.testimonials-area .section-title h2 {
    color: #1f1f1f;
    font-size: 40px;
}
.testimonials-area h6.ts-area-title {
    font-size: 23px;
    color: #3d3d3d;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 5px;
    transition: all 0.3s ease 0s;
    display: inline-block;
}
.testimonials-area .ts-area-single:hover h6.ts-area-title {
    letter-spacing: 2px;
    background-image: linear-gradient(45deg, #421b85, #57a3fc);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
}
.testimonials-area .ts-area-desg {
    font-size: 14px;
    font-weight: 500;
}

.testimonials-area .ts-area-single{
    background: #fff;
    -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    margin: 10px;
    padding: 3.7em 3em 2.8em;
    border-radius: 5px;
}

.testimonials-area .ts-area-c p {
    margin-bottom: 2.5em;
    font-size: 17px;
    line-height: 30px;
    font-weight: 500;
}
.testimonials-area .ts-area-c p span {
    color: #000;
    border-bottom: 1px solid #000;
}
.testimonials-area .section-area-text {
    margin-bottom: 18px;
}
.testimonials-area .ts-shape-area{
 position: relative;
 text-align: center;
 z-index: 2;
}

.testimonials-area .quote-icon{
    position: relative;
    top: -90px;
}
.testimonials-area .quote-icon i {
    position: absolute;
    /* top: 0; */
    font-size: 70px;
}
.testimonials-area  .owl-carousel .owl-stage-outer {
    padding-top: 3em;
}

.testimonials-area .ts-area-single:hover .quote-icon i{
    background: -moz-linear-gradient(top, #e72c83 0%, #a742c6 100%);
    background: -webkit-linear-gradient(top, #e72c83 0%,#a742c6 100%);
    background: linear-gradient(to right, #441f88 0%,#E11D07 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}
.testimonials-area .owl-theme .owl-dots .owl-dot {
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.testimonials-area .owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 30px;
    margin: 5px 6px;
    font-size: 25px;
    display: none;
}
.testimonials-area .owl-theme .owl-dots .owl-dot:before {
    content: "\f111";
    font-family: FontAwesome;
    display: block;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);
    margin: 0 6px;
    font-size: 20px;
}
.testimonials-area .owl-theme .owl-dots .owl-dot:hover:before{
  background: -moz-linear-gradient(top,#441f88 0%,#E11D07 100%);
  background: -webkit-linear-gradient(top,#441f88 0%,#E11D07 100%);
  background: linear-gradient(to right,#441f88 0%,#E11D07 100%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.testimonials-area .owl-theme .owl-dots .owl-dot.active:before {
    content: "\f111";
    font-family: FontAwesome;
    background: -moz-linear-gradient(top,#441f88 0%,#E11D07 100%);
    background: -webkit-linear-gradient(top,#441f88 0%,#E11D07 100%);
    background: linear-gradient(to right,#441f88 0%,#E11D07 100%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);
}
.testimonials-area .owl-theme .owl-dots .owl-dot {
    box-shadow: none;
}

.testimonials-area .testimonials_gradiant {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #e6eff8;
    opacity: 0.9;
}
.testimonials-area .owl-theme .owl-nav {
    margin-top: 10px;
    display: none;
}
.testimonials-area .owl-dots {
    margin-top: 1em;
}
/*----------------------------------------*/
/* 10. Blog Area
/*----------------------------------------*/
div#blog .blog-r-area {
    padding: 4em 15em 2em 5em;
    position: relative;
    z-index: 4;
}
.blog-area .blog-btn {
    margin-top: 2em;
}
/*.blog-area {
    padding: 0em 0 4em;
    background-image: radial-gradient( circle farthest-corner at 10% 20%,#fff 0%,#e6eff8 100.3% );
}*/
#blog .section-title h2 {
    font-size: 24px;
    letter-spacing: 8px;
    padding: 0 15px;
    border-left: 4px solid #000;
}
#blog .section-subtitle h3 {
    font-size: 58.57px;
    font-weight: 600;
    line-height: 63px;
    margin-bottom: 35px;
    margin-top: 0px;
}
.box-area-S {
    margin-bottom: 1.5em;
}
.blog-l-area{position: relative;}
.blog-img-area:before{
    content: "";
    background: #000;
    position: relative;
    text-decoration: none;
    -webkit-appearance: none;
    background: -webkit-gradient(to right, #441e87 0%,#4b63b6 20%, #4b63b6 50%, #441e87 100%);
    background: linear-gradient(to right, #441e87 0%,#4b63b6 20%, #4b63b6 50%, #441e87 100%);
    background-size: 500%;
    border: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0 0 307px 0;
    /* height: 100px; */
    padding: 0% 0% 70% 92%;
    top: 2px;
}
.blog-img-area img {
    position: relative;
    top: -5em;
    left: 4em;
    z-index: 5;
}
.blog-img-area:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent;
    top: 0px;
    right: -85px;
    border-width: 0px 0 135px 230px;
    /* border-radius: 50% 50% 0px 0px; */
    background: #4a5eb3;
    z-index: 3;
}
.blog-img-in:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-color: transparent;
    top: 0px;
    right: -276px;
    border-width: 0px 0 135px 290px;
    border-radius: 123px 0 0px 0px;
    background: #f3f7fb;
    z-index: 4;
}

.blog-single {
    padding: 1em 0.5em 1em;
}
.blog-area .section-area-text {
    margin-bottom: 5px;
}
.blog-area .inner-area-title {
    font-size: 23px;
    margin: 0;
}
.blog-area .blog-date span {
    color: #E11D07;
    text-transform: uppercase;
}
.blog-area .box-area-S:hover .blog-date span {
    color: #441e87;
}

.blog-area .blog-single a .inner-area-title{
    color: #3d3d3d;
}
.blog-area .box-area-S:hover .blog-single a .inner-area-title {
    color: #E11D07; 
}
.blog-area .section-area-text {
    font-size: 14px;
}

.blog-area .blog-thumbnail{
    position: relative;
    overflow: hidden;
}
.blog-area .blog-thumbnail img{
    width: 100%;
    height: auto;
    height: 125px;
    transform: scale(1);
    transition: all 1s ease 0s;
}
.blog-area .box-area-S:hover .blog-thumbnail img{
    opacity: 0.75;
    transform: scale(1.2);
}

.blog-area .blog-thumbnail .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background: linear-gradient(0deg,#441e87,#E11D07 80%) no-repeat;
    transition: all .4s ease;
}
.blog-area .box-area-S:hover .blog-thumbnail .overlay {
    opacity: 0.75;
}
.blog-area .blog-thumbnail .overlay .box {
    display: table;
    width: 100%;
    height: 100%;
}
.blog-area .blog-thumbnail .overlay .box .content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.blog-area .blog-thumbnail .overlay .box .content > a {
    border-radius: 50%;
    font-size: 18px;
    width: 50px;
    height: 50px;
    background: #FFFFFF;
    color: #E11D07;
    text-align: center;
    line-height: 50px;
    transform: scale(1.2);
    transition: all 500ms ease 0s;
}
.blog-area .box-area-S:hover .blog-thumbnail .overlay .box .content > a {
    transform: scale(1);
    transition-delay: 0.1s;
    opacity: 1;
}
.blog-area .blog-thumbnail .overlay .box .content > a:hover {
    background: #E11D07;
    color: #fff;
}
.blog-btn a {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    padding: 25px 65px;
    line-height: 1;
    border-radius: 50px;
    position: relative;
    text-decoration: none;
    -webkit-appearance: none;
    background: -webkit-gradient(to right, #441e87 0%,#E11D07 20%, #E11D07 50%, #441e87 100%);
    background: linear-gradient(to right, #441e87 0%,#E11D07 20%, #E11D07 50%, #441e87 100%);
    background-size: 500%;
    border: none;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15.77px;
    color: #fff;
    transition: all 0.5s ease 0s;
    border: 1px solid transparent;
}
.blog-btn a:hover {
    animation-name: gradient;
    -webkit-animation-name: gradient;
    animation-duration: 2s;
    -webkit-animation-duration: s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    box-shadow: 0 1.1rem 1rem rgba(0, 0, 0, 0.15);
}
.blog-btn a i {
    padding-left: 10px;
}
/*----------------------------------------*/
/*  05. Testimonials Page
/*----------------------------------------*/
#innerpage-box .item.inner-t-area{
    width: 100%;
}

#innerpage-box .ts-area-single{
    -moz-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    -webkit-box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    box-shadow: -1px 0px 9px rgba(152, 152, 131, 0.2);
    margin: 10px;
    padding: 2em 2em 2em;
    border-radius: 20px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    text-decoration: none;
    -webkit-appearance: none;
    background: -webkit-gradient(to right, #441e87 0%,#E11D07 20%, #E11D07 50%, #441e87 100%);
    background: linear-gradient(to right, #441e87 0%,#E11D07 20%, #E11D07 50%, #441e87 100%);
    background-size: 500%;
    border: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.page-template-default main#innerpage-box h6.ts-area-title{
    margin: 0 0 10px;
    margin-top: 25px;
    border-left: none;
    padding: 0;
    transition: all 0.3s ease 0s;
}
body.page-template-default main#innerpage-box .ts-area-single:hover h6.ts-area-title{
    letter-spacing: 2px;
}
#innerpage-box .ts-area-thumb{
    margin: 0 auto;
}
#innerpage-box .ts-area-c p {
    color: #fff;
}
#innerpage-box h6.ts-area-title {
    color: #fff;
    font-weight: 600;
}
body.page-template-default main#innerpage-box h6.ts-area-title:after{
    display: none;
}

#innerpage-box .ts-area-thumb {
    position: relative;
}

#innerpage-box .ts-area-thumb img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s ease 0s;
  margin: 0 0 0 auto;
  border: 2px dashed #fff;
  background: #43359c;
  padding: 7px;
}
#innerpage-box .ts-area-single:hover .ts-area-thumb img {
    transform: scale(1.1) rotateZ(0deg);
    -moz-transform: scale(1.1) rotateZ(0deg);
    -webkit-transform: scale(1.1) rotateZ(0deg);
    -o-transform: scale(1.1) rotateZ(0deg);
    padding: 10px;
}
#innerpage-box .quote-icon {
    display: none;
}

div#content-box .timeline-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f72985;
    border: 4px solid #fff;
    margin: 0 auto;
    position: absolute;
    top: -25px;
    left: 40%;
    z-index: 2;
}
div#content-box .ts-b {
    position: relative;
    margin-bottom: 3em;
}
div#content-box .ts-area-single .timeline-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #E11D07;
    border: 4px solid #fff;
    margin: 0 auto;
    position: absolute;
    top: 42%;
    left: -20px;
    z-index: 2;
}
div#content-box .timeline-icon1 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #E11D07;
    margin: 0 auto;
    position: absolute;
    top: 4px;
    left: 44%;
    z-index: 2;
}
#innerpage-box .ts-b .team-overlay {
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,#E11D07,#441e87 80%) no-repeat;
    color: #fff;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 0.5s ease-out 0s;
    -webkit-clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    clip-path: polygon(45% 1.33975%, 46.5798% 0.60307%, 48.26352% 0.15192%, 50% 0%, 51.73648% 0.15192%, 53.4202% 0.60307%, 55% 1.33975%, 89.64102% 21.33975%, 91.06889% 22.33956%, 92.30146% 23.57212%, 93.30127% 25%, 94.03794% 26.5798%, 94.48909% 28.26352%, 94.64102% 30%, 94.64102% 70%, 94.48909% 71.73648%, 94.03794% 73.4202%, 93.30127% 75%, 92.30146% 76.42788%, 91.06889% 77.66044%, 89.64102% 78.66025%, 55% 98.66025%, 53.4202% 99.39693%, 51.73648% 99.84808%, 50% 100%, 48.26352% 99.84808%, 46.5798% 99.39693%, 45% 98.66025%, 10.35898% 78.66025%, 8.93111% 77.66044%, 7.69854% 76.42788%, 6.69873% 75%, 5.96206% 73.4202%, 5.51091% 71.73648%, 5.35898% 70%, 5.35898% 30%, 5.51091% 28.26352%, 5.96206% 26.5798%, 6.69873% 25%, 7.69854% 23.57212%, 8.93111% 22.33956%, 10.35898% 21.33975%);
    transition: all .7s linear;
    position: relative;
    top: -125px;
}
#innerpage-box .ts-b:hover .team-overlay {
    opacity: 0.4;
}
#innerpage-box .pd-0 {padding: 0;}

/*--------------------------------------------------------------
# Gallery page
--------------------------------------------------------------*/
#innerpage-box .lz-gallery-images {
    width: 33.33333333%;
    float: left;
    padding: 10px;
}
#innerpage-box .lz-gallery-images img {
    height: 520px;
    border-radius: 25px;
    width: 100%;
}


/*-----------------------
## Site map Template 
-----------------------------*/

div#sitemap-box {
    border-top: 2px solid #f94c34;
    border-radius: 0;
}
div#sitemap-box:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 35px;
    border-width: 2px;
    border-style: solid;
    border-color: #E11D07;
    right: 0;
    top: 16px;
    left: 0%;
    margin: 0 auto;
    border-top: none;
    border-right: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(90deg);
    z-index: 1;
}

div#sitemap-box h3 {
  font-size: 20px;
  background: #2e2e2e;
  padding: 15px 25px !important;
  color: #ffffff;
  border-radius: 25px 0;
  text-align: center;
  word-break: break-word;
  box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
  font-weight: 500;
}

.page-template-templates main#innerpage-box div#sitemap-box h3:after {
    display: none;
}
main#innerpage-box div#sitemap-box ul li {
    list-style: none;
    padding-bottom: 5px;
}
main#innerpage-box div#sitemap-box ul li a {
    position: relative;
    padding-left: 20px;
}
main#innerpage-box div#sitemap-box ul li a:before {
    content: "\f111";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #E11D07;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
}
main#innerpage-box div#sitemap-box ul li a:hover:before {
    transform: scale(1.4);
}
div#sitemap-box ul {
    margin: 0;
}

div#sitemap-box .sitemap-blogposts ul {
    padding: 5px 5px 5px 0;
    margin: 0;
}
div#sitemap-box .sitemap-posts-box {
    margin-bottom: 15px;
}
div#sitemap-box .blogpostsitemap li {
    list-style: none;
}
div#sitemap-box .sitemap-posts-box img {
    width: 100%;
}
div#sitemap-box h3:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 20px;
  border-width: 2px;
  border-style: solid;
  border-color: #f94c34;
  right: 0;
  top: 9px;
  left: 0%;
  margin: 0 auto;
  border-top: none;
  border-right: none;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(90deg);
  z-index: 1;
}

div#sitemap-box ul {
    margin: 0;
    list-style: none;
    padding: 0;
    margin: 0 0 0px 20px;
}
/*-----------------------
## End Site map Template 
-----------------------------*/




/*==== for slider bouncing arrow =========*/

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
}
60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
}
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/*==== for bouncing arrow =========*/
.social_area {
    position: relative;
    padding: 0 2em;
}
.social_area i.fa{
  font-size: 45px;
  color: #fff;
  z-index: 999;
  cursor: pointer;
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  position: absolute;
  top: 60px;
  right: 50%;
  font-size: 43px;
}

/*-----------------------
## End Contact Template
-----------------------------*/

/*===========*/
.col-container {
    display: table;
    width: 100%;
}
.col-facility{
    display: table-cell;
}
.heading.active i {
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #0158a6;
}
.test-right img {
    width: 100%;
    height: 100%;
}
.heading{cursor: pointer;}
@media screen and (min-width: 769px){
    .inside-full-height{height:100%}

}
/* Catalogue slider Start */
.slider {width: 86%;position: relative;height: 490px;margin: auto;overflow-x: scroll;overflow-y: hidden;}
.slider::-webkit-scrollbar {display: none;}
.slider .slides { display: flex;position: absolute;left: 0;transition: 0.3s left ease-in-out;}
.slider .slide-item { margin-right: 35px;width: 334px;margin-left: 0;}
.slider .slide-item:last-child {margin-right: 0;}

.ctrl {text-align: center;margin-top: 5px;}
.ctrl-btn {font-size: 13px !important; background: none;border: none;font-weight: 600;text-align: center;cursor: pointer;outline: none;color: #9e9e9e;position: absolute;margin-top: -60.5px;height: 23px;bottom: 0;}
.ctrl-btn:hover{color:#000;background: none;}
.ctrl-btn.pro-next {right: 45%;position: absolute;border: 2px solid #bfbfbf; padding: 3px 5px 3px 5px;margin: 0;z-index: 999;height: 45px;width: 45px;}
.ctrl-btn.pro-prev {left: 46%;position: absolute;border: 2px solid #bfbfbf;padding: 0;margin: 0; z-index: 999;height: 45px;width: 45px;}
/*--------------------------------------------------------------
## Add to card
--------------------------------------------------------------*/
.total-count a.button.wc-forward { background: none; border: none; position: relative; right: 19px;}
.total-count a.button.wc-forward:hover { background: none; border:none;}
.total-count .count {    
    color: #E11D07;
    position: absolute;
    padding: 4px;
    z-index: 300;
    top: 16px;
    right: 35px;
    font-size: 10px;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    line-height: 14px;
    text-align: center;
    background: #fff;
}
.total-count img {    
    width: auto;
    height: auto;
    margin: 0px 0 0;
}
.total-count {
    background: #E11D07;
    clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    webkit-clip-path: polygon(0 0, 70% 0, 100% 100%, 30% 100%);
    padding: 18px 45px;
}
/*--------------------------------------------------------------
## carousel slider
--------------------------------------------------------------*/
.carousel-inner {
    border-radius: 10px;
}
.quote-box:after{
    content: "";
    background-image: url(images/quote-boxbg.png);
    width: 28px;
    height: 23px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -23px;
    left: 10%;    
}
.quote-box{
    border: 2px solid #ffffff;
    position: relative;    
    padding:20px;   
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    clear: both;
    /*margin-top: 30px;*/
}

#quote-carousel .carousel-control {
    background: none;
    color: #fc856d;
    font-size: 1.3em;
    text-shadow: none;
    margin-top: 225px;
    opacity: 1;
    z-index: 2000;
}
#quote-carousel .carousel-control.left {
    left: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.left i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
    display: none;
}
#quote-carousel .carousel-control.right {
    right: -35px;
    top: -60px;
}
#quote-carousel .carousel-control.right i {
    color: #fff;
    background: #c6c6c6;
    border-radius: 50%;
    padding: 5px 12px;
    opacity: 1;
    display: none;
}
#quote-carousel .carousel-control.left i:hover {
    color: #ea70a1;
}
#quote-carousel .carousel-control.right i :hover {
    color: #ea70a1;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -50px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    cursor: pointer;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.4s;
    margin-right: 8px;
}
#quote-carousel .carousel-indicators .active {
    background: #ffffff;
    width: 10px;
    height: 10px;
    border-color: #fff;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 170px;
    border-radius: 10px;
    position: relative;
    width: 100%;
    overflow: hidden;
    top: -48px;
    z-index: 1;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/*--------- opacity -----------------*/

.opacity-0 {
    opacity: 0;
}

.opacity-5 {
    opacity: 0.05;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-15 {
    opacity: 0.15;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-35 {
    opacity: 0.35;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-45 {
    opacity: 0.45;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-55 {
    opacity: 0.55;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-65 {
    opacity: 0.65;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-85 {
    opacity: 0.85;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-95 {
    opacity: 0.95;
}

.opacity-100 {
    opacity: 1;
}
/*--------- end opacity -----------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.home-page {
    padding: 0 0 30px 0;
}
#innerpage-box{
    padding: 69.79px 0 0;
    background: #ffffff;
    position: relative;
    z-index: 1;
    margin-bottom: 4em;
}
.single-post .ht-main-title {
    margin: 0px 0 15px;
    padding: 15px 15px 0;
}
.innerpage-whitebox{
   padding: 0 1em;
   border-radius: 10px;
   margin-bottom: 10px;
}
#content-box h4{
    margin: 20px 0 5px 0; 
}
#content-box ul{
    padding: 0 0 20px 0;
    list-style: none;
    font-size: 18px;
    margin: 0;
}
.single #innerpage-box .blog-info-area ul {
    margin-bottom: 0;
    padding-bottom: 4px;
}
#content-box ul li:before {
    content: "\f04b";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #FF7A1F;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    font-size: 14px;
}
#content-box ul li:hover:before {
    transform: scale(1.4);
}
#content-box ul li ul li:before {
    content: "";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    color: #E11D07;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    font-size: 12px;
    border: 2px solid;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    background: #FF7A1F;
    width: 15px;
    height: 13px;
}
#content-box ul li ul li:after{
    content: "";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    /* color: #E11D07; */
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    font-size: 12px;
    border: 2px solid;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    background: #fff;
    width: 10px;
    height: 8px;
    position: absolute;
    z-index: 2;
    left: 1.7px;
    top: 11px;
    color: #fff;
}
#content-box .widget .widget_recent_entries ul li:before {
    content:"\f04b";
    font-family: 'Fontawesome';
    margin-right: 10px;
    color: #E11D07;
    font-size: 10px;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    display: block;
}


.widget-area ul li:hover:before {
    transform: scale(1.4);
}
#content-box ol li:before {
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
#content-box ol li:hover:before {
    transform: scale(1.2);
}

#content-box ul li,
main#innerpage-box ul li,
#content-box ul li ul li,
main#innerpage-box ul li ul li,
#content-box ol li,
body.page-template-default main#innerpage-box ol li {
/*margin: 15px 0; */
    line-height: 30px;
    color: #000;
    font-size: 20px !important;
    margin-bottom: 28px;
}
#content-box ul li ul,
main#innerpage-box ul li ul {
    margin-top: 15px;
    margin-bottom: 0;
    padding-bottom: 0;
}
#content-box ul li ul li,
main#innerpage-box ul li ul li{
    margin: 0 0 10px 20px;
    line-height: normal;
    position: relative;
    line-height: 30px;
}
main#innerpage-box #content-box ol {
    margin: 0;
}
body.page-template-default main#innerpage-box ol li ol {
    margin-top: 10px !important;
}
#content-box ol {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
}

#content-box ol li {
    position: relative;
    padding-left: 70px;
    min-height: 60px;
    padding-top: 0px;
}
#content-box ol{
  counter-reset: item;
}
#content-box ol li{
  counter-increment: item;
}

#content-box ol li:before {
    margin-right: 95.53px;
     content: counter(item);
    border-radius: 20px 20px 20px 20px;
    background: #FF4938 !important;
    color: #fff;
    text-align: center;
    display: inline-block;
    box-shadow: none !important;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    position: absolute;
    top: 9px;
    left: 17px;
    z-index: 2;
}
#content-box ol li:after {
-webkit-mask-image: url(images/orderlist.png);
    mask-image: url(images/orderlist.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 25px;
    height: 29px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    position: absolute;
    content: "";
    background: #02314b;
    left: 20px;
    top: 3px;
}

.page_featured {
  margin: 0 4em;
  margin-bottom: 2em;
  padding: 10em 4em;
}
img.ht-page-header-img{
    width: 100%;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
    position: relative;
    z-index: 1;
    border-radius: 5px 275px 10px 5px;
    height: 276px;
}

/*.sticky {
    display: block;
}*/
.total-hentry {
    margin: 0 15px 50px;
}
.byline,
.updated:not(.published) {
    display: none;
}

.page-content,
.entry-content,
.entry-summary {

}

.page-links {
    clear: both;
    margin: 0 0 15px;
}

.ht_no_sidebar #primary{
    width: auto;
    float: none;
}

.ht_no_sidebar_condensed #primary{
    width: 76%;
    float: none;
    margin: 0 auto;
}

.ht_left_sidebar #primary{
    float: right;
}

.ht_left_sidebar #secondary{
    float: left;
}

.ht-post-info{
    float: left;
    width: 80px;
    text-align: right;
    font-family: 'Oswald', sans-serif;
}

.single .ht-post-info{
    margin-right: 30px;
    margin-bottom: 20px;
}

.ht-post-info .entry-date{
    display: block;
    font-size: 0.9em;
    margin-bottom: 20px;
}

.ht-post-info .entry-date span{
    display: block;
    text-transform: uppercase;
}

.ht-post-info .entry-date span.ht-day{
    font-size: 60px;
    line-height: 1.3;
    color: #fe5722;
}

.ht-post-info a{
    display: block;
    text-decoration: none;
    line-height: 1.4;
    padding: 20px 0 0;
    text-transform: uppercase;
    border-top: 1px solid #EEE;
    font-size: 12px;
    color: #444;
    font-weight: 300;
}

.ht-post-wrapper{
    padding-left: 105px;
}

.entry-figure{
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 15px;
}

.entry-header .entry-title{
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.entry-figure + .entry-header{
    background: #FFF;
    position: relative;
    margin-top: -65px;
    width: 90%;
    padding: 15px 0 1px;
}

.entry-header .entry-title a{
    text-decoration: none;
    color: #333;
}

.entry-categories{
    font-size: 14px;
    color: #666;
    font-style: italic;
    margin-bottom: 15px;
}

.entry-categories .fa{
    color: #fe5722;
    margin-right: 8px;
}

.entry-categories a{
    color: #666;
    text-decoration: none; 
}

.entry-readmore{
    margin-top: 20px;
}
.entry-readmore a{
    color: #fff !important;
}

.entry-readmore a{
    background: #fe5722;
    padding: 0 20px;
    line-height: 40px;
    color: #FFF !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
}

.entry-readmore a:hover{
    background: #333;
    color: #FFF;
}

section ul{
    padding: 0 0 20px 0;
}

.readmore a{
    background: #4d4d4d;
    padding: 15px 40px;
    color: #fff;
    border-radius: 30px;
}
.readmore a:hover{
    background: #000;
    color:#fff;
}
/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
.error404 .error-404{
    display: block;
    text-align: center;
    font-size: 200px;
    color: #f9f9f9;
    line-height: 1.2;
    font-family: josefin sans,sans-serif;
    color: #222;
    font-size: 220px;
    letter-spacing: 10px;
    margin: 0;
    font-weight: 700;
    text-shadow: 2px 2px 0 #c9c9c9, -2px -2px 0 #c9c9c9;
}

.error404 .oops-text{
    text-align: center;
}

.toggle-bar{
    display: none;
}

.error404 .error-404{
    color: #ffffff;
    font-size: 195px;
    text-align: center;
    display: block;
    animation: effect linear 1900ms infinite;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 240px;
}
@keyframes effect {
 0%{
    text-shadow:
    4px -4px 0 #000, 3px -3px 0 #000,
    2px -2px 0 #000, 1px -1px 0 #000,
    -4px 4px 0 #000, -3px 3px 0 #000,
    -2px 2px 0 #000, -1px 1px 0 #000;
}
25%{
    text-shadow:
    -4px -4px 0 #000, -3px -3px 0 #000,
    -2px -2px 0 #000, -1px -1px 0 #000,
    4px 4px 0 #000, 3px 3px 0 #000,
    2px 2px 0 #000, 1px 1px 0 #000;
}
50%{
    text-shadow:
    -4px 4px 0 #000, -3px 3px 0 #000,
    -2px 2px 0 #000, -1px 1px 0 #000,
    4px -4px 0 #000, 3px -3px 0 #000,
    2px -2px 0 #000, 1px -1px 0 #000;
}
75%{
    text-shadow:
    4px 4px 0 #000, 3px 3px 0 #000,
    2px 2px 0 #000, 1px 1px 0 #000,
    -4px -4px 0 #000, -3px -3px 0 #000,
    -2px -2px 0 #000, -1px -1px 0 #000;
}
100% {
    text-shadow:
    4px -4px 0 #000, 3px -3px 0 #000,
    2px -2px 0 #000, 1px -1px 0 #000,
    -4px 4px 0 #000, -3px 3px 0 #000,
    -2px 2px 0 #000, -1px 1px 0 #000;
}
}

@media only screen and (max-width: 767px){
  .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 479px){
 .error404 .error-404{ font-size: 150px; }
}
@media only screen and (max-width: 359px){
 .error404 .error-404{ font-size: 122px; }
}
@media screen and (min-width: 769px){
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    
}
.woocommerce #reviews h2 small{
    float: none;
}
/*-----------------------
## page scroll
-----------------------------*/

#back2Top {
    width: 43px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 13px;
    right: 30px;
    color: #E11D07;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    border-radius: 4px;
    background: transparent;
    height: 43px;
}
#back2Top:hover {
    background-color: transparent;
    color: #000;
}

#innerpage-box p {
    font-size: 16px;
    line-height: 25px;
    margin: 1em 0;
}
.widget-area ul ul {
    margin-top: 5px;
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    position: relative;
    background: none !important;
    box-shadow: none !important;
    display: block;
    z-index: 1;
}
main#innerpage-box li {
    font-size: 15px;
    color: #3b3b3b;
}
.sidebar_list {
    margin-top: 2em;
}
div#secondary caption {
    padding-top: 12px;
    padding-bottom: 12px;
}
div#secondary .widget_calendar table {
    margin: 0;
    padding: 0;
}
.widget_calendar tfoot tr td a {
    border: none;
    padding: 0px;
    padding: 6px 20px;
    -moz-transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.widget-area .widget_rating_filter ul {
    list-style: none;
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
}
.widget-area .widget_rating_filter ul li {
    border-bottom: none;
}
.widget-area .woocommerce ul.cart_list li, .widget-area .woocommerce ul.product_list_widget li {
    padding: 12px 12px 12px;
}
.widget-area .woocommerce ul.product_list_widget li a {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0px 0 8px;
}

.widget-area .woocommerce ul.cart_list li img, .widget-area .woocommerce-page ul.cart_list li img, .widget-area .woocommerce ul.product_list_widget li img, .widget-area .woocommerce-page ul.product_list_widget li img {
    width: 74px;
    height: 74px;
}

.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {
    font-size: 14px;
    color: #666;
}
.widget-area .woocommerce ul.product_list_widget li img:hover {
    opacity: 0.8;
}
.widget-area .woocommerce .widget_shopping_cart_content p {
    padding: 12px;
    margin: 0;
    border: 1px solid #eaeaea;
    margin-top: 15px;
}
.woocommerce .woocommerce-product-rating .star-rating {
    height: 3em;
}
.woocommerce .woocommerce-product-rating .star-rating {
    margin: .5em 4px 0 0;
    float: left;
}

div#blog-box.innerpage-whitebox {
    padding: 0;
    margin: 0;
}
.single_post i.fa.fa-calendar-o {
    padding-right: 10px;
}
div#commentsAdd .comment-form [class*="comment-form"] {
    width: 100%;
}
main#innerpage-box #comments li.comment {
    background: transparent;
    border: 0;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del {
    font-size: 15px;
}
.single-productpage h2.woocommerce-loop-product__title {
    line-height: 33px;
    word-break: break-word;
}
main#innerpage-box .ht-blog-thumbnail img {
    width: 100%;
    height: 474px;
    border-radius: 12px;
}

/*main#innerpage-box div#commentsAdd textarea#comment {
    background: transparent;
}
div#respond textarea#comment {
    background: transparent;
}*/
div#comments input[type="submit"] {
    padding: 10px 20px;
    border-radius: 5px;
    height: 50px;
}


main#innerpage-box .woocommerce-product-search .search-field {
    border: 0;
    border-radius: 0;
    padding: 13px 16px 12px;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    height: 46px;
    border-radius: 0 22px 22px 0;
    position: relative;
    z-index: 0;
    background: #F64A29;
        top: -20px;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
    border: none !important;
}
div#secondary .social-profile-icons ul li i {
    padding: 15px 7px 0px 7px;
    margin: 0;
    font-size: 20px;
}


/*-----------------------
## Start search
-----------------------------*/
main#innerpage-box h2 a {
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

#content-box .entry-readmore a {
    padding: 2px 20px;
    color: #FFF !important;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
#content-box .entry-readmore a:hover{
    color: #fff !important;
}
/*-----------------------
## End search  
-----------------------------*/


/*--------------------------------------------------------------
## Inner Page Heading
--------------------------------------------------------------*/
body.page-template-default main#innerpage-box h1,
body.page-template-default main#innerpage-box h2,
body.page-template-default main#innerpage-box h3,
body.page-template-default main#innerpage-box h4,
body.page-template-default main#innerpage-box h5,
body.page-template-default main#innerpage-box h6,

.page-template-templates main#innerpage-box h1,
.page-template-templates main#innerpage-box h2,
.page-template-templates main#innerpage-box h3,
.page-template-templates main#innerpage-box h4,
.page-template-templates main#innerpage-box h5,
.page-template-templates main#innerpage-box h6,

.single main#innerpage-box h1,
.single main#innerpage-box h2,
.single main#innerpage-box h3,
.single main#innerpage-box h4,
.single main#innerpage-box h5,
.single main#innerpage-box h6,

 main#innerpage-box h1,
 main#innerpage-box h2,
 main#innerpage-box h3,
 main#innerpage-box h4,
 main#innerpage-box h5,
 main#innerpage-box h6
{
    word-break: break-word;
    font-weight: 400;
    /*margin-bottom: 40px;*/
    letter-spacing: 4px;
    padding: 0;
    letter-spacing: 0;
    font-size: 23px;
    word-break: break-word;
    margin: 1em 0;
}

 #innerpage-box .widget_block .wp-block-group__inner-container h2,
 .widget_block .wp-block-group__inner-container h2 {
    font-size: 15px !important;
    line-height: 21px;
        font-weight: 400 !important;
 }
 #innerpage-box .widget-area .textwidget p {
    padding: 0 !important;
    margin: 0 !important;
 }

body.page-template-default main#innerpage-box h1,
.page-template-templates main#innerpage-box h1,
main#innerpage-box h1{
    font-weight: 400;
    padding: 0;
    letter-spacing: 0;
    font-size: 40px;
    text-transform: capitalize;
    word-break: break-word;
    margin: 0em 0;
    background: none;
    color: #1B1A28;
    line-height: 72px;
}
body.page-template-default main#innerpage-box h2,
.page-template-templates main#innerpage-box h2,
main#innerpage-box h2{
    font-weight: 400;
    padding: 0;
    letter-spacing: 0;
    font-size: 50px;
    line-height: 72px;
    word-break: break-word;
    margin: 50px 0 45px;
    background: none;
    color: #1B1A28;
}
body.page-template-default main#innerpage-box h3,
.page-template-templates main#innerpage-box h3,
main#innerpage-box h3{
    font-weight: 400;
    padding: 0;
    letter-spacing: 0;
    font-size: 40px;
    line-height: 60px;
    text-transform: capitalize !important;
    word-break: break-word;
    margin: 1em 0;
    background: none;
    color: #1B1A28;
}

body.page-template-default main#innerpage-box h4,
.page-template-templates main#innerpage-box h4,
main#innerpage-box h4{
        padding: 0;
    font-weight: 400;    
    padding: 0;
    letter-spacing: 0;
    font-size: 25px ;   
    word-break: break-word;
    margin: 1em 0;
    background: none;
    color: #1B1A28;
}
body.page-template-default main#innerpage-box h5,
.page-template-templates main#innerpage-box h5,
main#innerpage-box h5{
        padding: 0;
    word-break: break-word;
    font-weight: 400;   
    letter-spacing: 0;
    font-size: 20px ;
    text-transform: capitalize ;
    margin: 1em 0;
    background: none;
    color: #1B1A28;
}
body.page-template-default main#innerpage-box h6,
.page-template-templates main#innerpage-box h6,
main#innerpage-box h6{

    word-break: break-word;
    font-weight: 400;  
    padding: 0;
    letter-spacing: 0;
    font-size: 16px ;
    text-transform: capitalize !important;   
    margin: 1em 0;
    background: none;
    color: #1B1A28;
}
body.page-template-default main#innerpage-box h2.wc-block-components-title {
font-size: 23px !important;
    line-height: 30px;
    margin: 0 0 10px;
}
body.page-template-default main#innerpage-box .dropcap-bg{
    background: #E11D07;
    float: left;
    width: 1.334em;
    height: 1.334em;
    margin-top: 0.35em;
    margin-right: 0.667em;
    border: unset;
    border-radius: 5px;
    font-size: 1.875em;
    line-height: 1.45em;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
}
body.page-template-default main#innerpage-box .dropcap-bg1{
    background: #fff;    
    float: left;
    width: 1.334em;
    height: 1.334em;
    margin-top: 0.35em;
    margin-right: 0.667em;
    border: unset;
    border-radius: 5px;
    font-size: 1.875em;
    line-height: 1.45em;
    font-weight: 700;
    color: #E11D07;
    text-align: center;
    box-shadow: 5px 4px 13px 0 rgb(145 145 145 / 30%);
}
body.page-template-default main#innerpage-box p {
    color: #000000;
    line-height: 30px;
    font-size: 15px;
}
body.page-template-default main#innerpage-box .highlighter{
        padding: 0 0.2em;
    color: #ffffff;
    background: #E11D07;
}

 body.page-template-default main#innerpage-box ol {
   list-style: none;
   counter-reset: item;
 }
 body.page-template-default main#innerpage-box ol li {
    counter-increment: item;
    margin-bottom: 35px;
    min-height: 0 !important;
    position: relative;
 }
 body.page-template-default main#innerpage-box ol li:before {
    margin-right: 95.53px;
    content: counter(item);
    border-radius: 20px 20px 20px 20px;
    background: #FF4938 !important;
    color: #fff;
    text-align: center;
    display: inline-block;
    box-shadow: none !important;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    position: absolute;
    top: 9px;
    left: 17px;
    z-index: 2;
 }

body.page-template-default main#innerpage-box ol li:after {

    -webkit-mask-image: url(images/orderlist.png);
    mask-image: url(images/orderlist.png);
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    width: 25px;
    height: 29px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    position: absolute;
    content: "";
    background: #02314b;
    left: 20px;
    top: 3px;
}

 body.page-template-default main#innerpage-box ul li:hover:before{ transform: none; }
  body.page-template-default main#innerpage-box ol li:hover:before{ transform: none; }
 body.page-template-default main#innerpage-box ul.zikzag_dot li{
    list-style: disc;

 }
body.page-template-default main#innerpage-box ul.zikzag_dot li:before{ display: none; }

#content-box .popup_content a i{ color: #E11D07 !important; font-size: 18px; margin-right: 10px; }
#content-box .popup_content h4 {
    word-break: break-word;
    font-weight: 600;
    /* margin-bottom: 40px; */
    letter-spacing: 4px;
    padding: 0 0px !important;
    letter-spacing: 0;
    font-size: 23px;
    text-transform: uppercase;   
    margin: 5px 0 0!important;
 }
 #content-box .popup_content h5{
    word-break: break-word;
    font-weight: 600;
    /* margin-bottom: 40px; */
    letter-spacing: 4px;
    padding: 0 0px !important;
    letter-spacing: 0;
    font-size: 20px !important;
    text-transform: capitalize !important;   
    margin: 5px 0 !important;

 }
#content-box .popup_content h6{
    word-break: break-word;
    font-weight: 600;
    /* margin-bottom: 40px; */
    letter-spacing: 4px;
    padding: 0 0px !important;
    letter-spacing: 0;
    font-size: 14px !important;
    text-transform: capitalize !important;   
    margin: 1em 0;

 }
 #content-box .popup_content .detail_content{

    line-height: 22px !important;

 }

#innerpage-box .wp-block-image figure {
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    -webkit-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -moz-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -o-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -ms-transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    transition: all 300ms cubic-bezier(0.34, 1.61, 0.7, 1);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56),0 4px 25px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.2);
    box-shadow: 0 16px 38px -12px rgba(0,0,0,0.56), 0 4px 25px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
}

.page-template-templates main#innerpage-box #blog-box h2:after {
    display: none;
}
#innerpage-box .widget-area .widget-title,
.widget-area .widget h4,
.widget_search .wp-block-search__label {
    color: #D0442A !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 21px !important;
    padding: 0 0 0 12px !important;
    text-transform: capitalize !important;
    text-align: left;
    margin: 0 !important;
    margin-bottom: 16px !important;
}

#secondary label {
    color: #D0442A !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 21px !important;
    padding: 0 !important;
    text-transform: capitalize !important;
    text-align: left;
    margin: 0 !important;
    margin-bottom: 16px !important;
}
.widget_block .wp-block-group__inner-container h2{ 
color: #D0442A !important;
    font-weight: 500 !important;
    font-size: 15px !important;
    line-height: 21px !important;
    padding: 0 0 0 12px !important;
    text-transform: capitalize !important;
    text-align: left;
    margin: 0 !important;
    margin-bottom: 16px !important;
 }

 .widget_block ol.wp-block-latest-comments {
    background: #F64A29;
    padding: 35px 16px 39px 24px;
}
.widget-area .widget form {
    position: relative;
    z-index: 1;
}
.widget-area .widget form p {
    padding-bottom: 0;
    margin-bottom: 0 !important;
}
#secondary .widget_search input[type="text"],
#secondary input[type="search"],
#innerpage-box .widget_search input[type="text"]{
    border: 0;
    border-radius: 0;
    padding: 13px 16px 12px;
    font-size: 15px;
    line-height: 22px;
/*    color: #fff;*/
    font-weight: 400;
    display: inline-block;
    height: 46px;
    border-radius: 0 22px 22px 0;
        position: relative;
    z-index: 0;
/*    background: #F64A29;*/
}
#secondary  #searchform,
.wp-block-search__inside-wrapper {
    position: relative;
}
#secondary .widget_search input[type="submit"],
#innerpage-box .widget_search input[type="submit"]{
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    right: 7px !important;
    top: 6px !important;
    font-size: 0;
    color: #FF7703;
    z-index: 0;
    box-shadow: none;
    background: #DCE1E5;
    box-shadow: 0px 0px 4px #FF7703;
    border-radius: 22px;
    height: 33px;
    width: 33px;
    padding: 9px;
}
.widget-area button.wp-block-search__button {
    position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    right: 7px !important;
    top: 6px !important;
    font-size: 0;
    color: #FF7703;
    z-index: 0;
    box-shadow: none;
    background: #DCE1E5;
    box-shadow: 0px 0px 4px #FF7703;
    border-radius: 22px;
    height: 33px;
    width: 33px;
    padding: 9px;
}
/*#secondary .widget_search input[type="submit"]:after,
#innerpage-box .widget_search input[type="submit"]:after,
#secondary #searchform input[type="submit"]:after {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 15px;
    color: #fff;
    position: absolute;
    right: 0;
}*/
.wp-block-search__inside-wrapper:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f002";
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 2;
    text-align: center;
}
.widget-area form#searchform:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f002";
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 2;
    text-align: center;
}

.wp-block-search__inside-wrapper:after{
    transition: all 0.3s ease;
    content: "";
    /* font-size: 14px; */
    color: #0000001A;
    position: absolute;
    right: 57px;
    top: 0;
    z-index: 5;
    height: 46px;
    width: 5px;
    text-align: center;
    background: #e5e5e5;
    opacity: 1;
}

.widget-area form#searchform:after {
    transition: all 0.3s ease;
    content: "";
    /* font-size: 14px; */
    color: #0000001A;
    position: absolute;
    right: 57px;
    top: 0;
    z-index: 5;
    height: 46px;
    width: 5px;
    text-align: center;
    background: #e5e5e5;
    opacity: 1;
}




#innerpage-box .widget-area .widget .widget_tag_cloud h4.widget-title{ margin: 0 -12px 16px -12px !important; }
.widget-area .widget .widget_categories li.cat-item{    float: left;     margin: 0 108px 0 0;}

main#innerpage-box .widget-area .tagcloud a , main#innerpage-box .widget_tag_cloud a{
         margin: 0 0 4px;
     position: relative;
     box-shadow: unset;
     border-radius: 0;
}
.widget-area .widget_tag_cloud {
    list-style: none;
  /*  padding: 10px;
    border: 1px solid #eaeaea;*/
}
.widget-area .textwidget {
    background: #F64A29;
    padding: 35px 16px 39px 24px !important;
}
.widget-area li span.post-date {
    margin-bottom: 1em;
    position: relative;
    display: list-item;
}
.widget-area .widget_media_image img {
    padding: 10px;
    margin: 0;
    border: 1px solid #eaeaea;
}
#secondary .gallery-columns-3 {
   padding: 10px;
   margin: 0;
   border: 1px solid #eaeaea;
}
#secondary .gallery-columns-3 .gallery-item a{
    padding: 0;
}
.widget-area div#calendar_wrap {
    padding: 0px 15px 15px;
    margin: 0;
    background: #F64A29;
    padding: 35px 16px 39px 24px !important;
}
.widget_calendar table {
    border-collapse: separate;
    width: 100%;
}
.widget-area .woocommerce-product-search, .widget-area form#searchform {
    width: 100%;
}
.widget-area ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f061";
    margin: 0 5px 0;
    display: none;
}

.widget-area ul ul li a:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f061";
    margin: 0 5px 0;
}
.widget-area ul ul {
    border-radius: 0;
    border:none;
}
.widget-area ul ul li {
    padding-left: 10px;
    border-bottom: none;
}
.widget-area ul ul li a {
    padding: 0;
}
.widget-area ul ul li.current_page_item > a,
.widget-area ul ul li.current_page_item > a:hover{ background:none; }
.widget_calendar table thead tr th {
    font-size: 12px;
    padding: 10px;
    text-align: center;
    border: none;
    color: #fff;
}
.widget_calendar table tbody td {
    font-size: 13px;
    padding: 6px 5px;
    text-align: center;
    background-color: transparent;
    border: none;
    color: #fff;
}
.widget_calendar tfoot tr td {
    border: none;
    padding: 0px;
}
/*--------------------------------------------------------------
## Odometer CSS
--------------------------------------------------------------*/
.odometer.odometer-auto-theme, 
.odometer.odometer-theme-default {
    display: block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, 
.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, 
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, 
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.odometer.odometer-auto-theme .odometer-value, 
.odometer.odometer-theme-default .odometer-value {
    text-align: center;
}

/*--------------------------------------------------------------
## WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product{
    padding-bottom: 45px !important;
    /*  border: 4px solid #f1f0f0 !important;*/
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover {
   /*border-bottom: 1px solid #6a1b9a !important;*/
}
.woocommerce ul.products li.product:hover, 
.woocommerce-page ul.products li.product:hover{
    border-color: #6a1b9a;
}
main#innerpage-box h2.woocommerce-loop-product__title {
    font-weight: 600;
    color: #000;
}

.woocommerce ul.products li.product a img{
    border: 5px solid #f1f0f0 !important;
    /*height: 230px;*/
    margin: 0 0 8px;
}
.woocommerce div.product div.images img {
    border: 2px solid #f1f0f0 !important;
}

.woocommerce ul.products li.product .total-product-title-wrap{
    padding: 1px 10px 0;
}

main#innerpage-box h2.woocommerce-loop-product__title {
    line-height: 32px;
margin: 0 0 8px;
    padding: 0;
}

.woocommerce ul.products li.product a{
    color: inherit;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3{
    margin: 0 0 6px;
    padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs{
    margin: 5px -5px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    padding: 5px;
}
.woocommerce ul.products li.product .price{
    font-weight: 500;
    font-size: 20px;
    color: #fe5722;
    margin: 0;
}
.woocommerce ul.products li.product .price del{
    display: inline;
    color: #999;
    opacity: 1;
}
.woocommerce ul.products li.product .price ins{
    display: inline;
    font-weight: 400;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
}
.woocommerce-MyAccount-navigation ul li:before{
    display: none;
}
.woocommerce-MyAccount-navigation ul li a{
    background: none;
    font-size: 16px;
    margin-bottom: 5px;
    display: inline-block;
    color:#fc856d;
    padding: 0;

}
.woocommerce-MyAccount-navigation ul li{
    margin: 5px 0 !important;
}
.woocommerce-MyAccount-navigation-link.is-active a{
    color:#000 !important;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    padding: 10px 20px;
    font-weight: 400;
    border-radius: 5px;
    color: #FFF;
    background-color: #fe5722;
    border:1px solid #fe5722;    
    margin-bottom: -20px;
    line-height: 20px;
    font-size: 0.9em;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover{
    background: #333;
    /* border:1px solid #333;*/
    color: #FFF;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    color:#fff !important;
}

.woocommerce ul.products li.product .button{
    margin: 0;
    transform: translateY(50%);
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    font-size: 16px;
    background-color: #ec5597;
    border: 1px solid #ec5597;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.single_inner .page-main-header {
    display: none;
}

.woocommerce ul.products li.product:hover .button{
    border-color: #fe5722;
    background-color: #fe5722;
    color: #FFF;
}

.woocommerce ul.products li.product .button.loading{
    opacity: 1;
}

.woocommerce a.added_to_cart{
    padding-top: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 25px;
    font-size: 13px;
}

.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt{
    border-color: #fe5722;
    background-color: #fe5722;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover{
    background: #333;
    border-color: #333;
    color: #FFF;
}

.woocommerce nav.woocommerce-pagination ul{
    border: 0;
    margin: 0;
}

.woocommerce nav.woocommerce-pagination ul li{
    border: 0;
    margin: 0 4px;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span{
    display: block;
    background: #fe5722;
    color: #FFF;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 2px;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current{
    background: #333;
    color: #FFF;
}

.woocommerce span.onsale{
    min-height: 0;
    min-width: 0;
    padding: 0 15px;
    font-weight: 400;
    line-height: 26px;
    border-radius: 0;
    background-color: #fe5722;
    color: #fff;
    font-size: 14px;
    margin: 10px 0 0 -6px;
    top: 0;
    left: 0;
}

.woocommerce span.onsale:after{
    border-color: transparent #e8ae00 #e8ae00 transparent;
    border-width: 3px;
    border-style: solid;
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0px;
}

.woocommerce ul.products li.product .onsale{
    margin: 10px -6px 0 0;
}

.woocommerce ul.products li.product .onsale:after{
    border-color: transparent transparent #e8ae00 #e8ae00;
    border-width: 3px;
    border-style: solid;
    right: 0px;
    left: auto;
}

.woocommerce div.product p.price, 
.woocommerce div.product span.price{
    color: #fe5722
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins{
    font-weight: 400;
}

.woocommerce .product_meta{
    font-size: 15px;
}

.single-productpage main#innerpage-box .product_meta {
    font-size: 15px !important;
    color: #000 !important;
    font-weight: 700 !important;
    margin-top: 20px;
}

.single-productpage main#innerpage-box .product_meta span, .single-productpage main#innerpage-box .product_meta span.tag-meta {
    padding-right: 0px;
    font-size: 18px;
    font-weight: 400;
    color: #5a5a5a;
    letter-spacing: 0.5px;
    top: 0;
    position: relative;
}
.single-productpage main#innerpage-box .product_meta .posted_in {
    margin: 0em 0 10px 10px;
}

main#innerpage-box h2.woocommerce-loop-product__title {
    text-decoration: none;
}


.woocommerce .product_meta a:hover{
    color: #fe5722;
}

.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding: 0;
    border-bottom: 2px solid #fe5722;
    padding-bottom: 10px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
    display: none !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    padding: 10px 0;
    font-weight: 400;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: #333;
    border-radius: 0;
    margin: 0 6px 0 0;
    padding: 0 20px;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    background: #fe5722;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    color: #FFF !important;
}

.woocommerce #reviews #comments h2, .woocommerce #reviews h3 {
    font-size: 22px;
    margin-bottom: 30px !important;
}

.woocommerce-Reviews .comment-form-author, 
.woocommerce-Reviews .comment-form-email{
    width: 100%;
}

.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{
    width: 100%;
}

.related.products h2{
    margin-bottom: 30px;
}

.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, .woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{
    background: #fe5722;
    padding: 10px 20px;
    color: #FFF;
}

.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{
    background: #333;
    color: #FFF;
}

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover{
    background: #fe5722;
    border-color: #fe5722;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
    line-height: 40px;
    font-size: inherit;
    padding: 0;
}
/*// SIngle product gallery*/

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    opacity: 1 !important;
}

ol.flex-control-nav.flex-control-thumbs li,
ol.flex-control-nav.flex-control-thumbs li{
        padding-left: 0em !important;
}
ol.flex-control-nav.flex-control-thumbs {
padding: 1.5em 3em 0 2em!important;
}
a.flex-prev:before {
    content: "\f100";
    font-family: 'FontAwesome';
    position: relative;
    left: 0px;
    color: #000;
    font-size: 25px;
    font-weight: 500;
}
a.flex-next:after {
    content: "\f101";
    font-family: 'FontAwesome';
    position: relative;
    right: -16px;
    color: #000;
    font-size: 25px;
    font-weight: 500;
}
li.flex-nav-prev a,
li.flex-nav-next a {
    font-size: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{width: 33% !important;}
.single-productpage .s-product-p-sociallinks ul li a {
    color: #7f7f7f !important;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(3n+1) {
    clear: left !important;
}
.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
    clear: none !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    cursor: pointer;
    opacity: 1;
    margin: 0;
/*    height: 125px;
    width: 125px;*/
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    background: #EDEDEB;
    padding: 11px;
}
li.flex-nav-prev {
    color: #000;
    position: absolute;
    top: 0;
    left: 0;
}
li.flex-nav-next {
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
}
.woocommerce div.product div.summary {
    margin-top: -13px !important;
}

main#innerpage-box h1.product_title.entry-title {
    font-size: 40px !important;
    line-height: 55px;
    margin: 0;
    padding: 0;
}

.u-column1.col-1.woocommerce-Address, 
.u-column2.col-2.woocommerce-Address {
    width: 100% !important;
}
/*// End SIngle product gallery*/

/*---------------FOR SINGLE PRODUCT PAGE PRODUCT IMAGE GALLERY---------------------------------------*/
.woocommerce-product-gallery__image.flex-active-slide a img {
    height: 100% !important;
    width: 100% !important;
}


ul.flex-direction-nav {
    position: absolute;
    bottom: 17%;
    z-index: 99999;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;
}

li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}

a.flex-next::after {
    visibility:visible;content: '\f054';
    font-family: 'FontAwesome';
    margin-right: 10px;
    font-size: 20px;   
    font-weight: bold;
}
a.flex-prev::before {
    visibility:visible;
    content: '\f053';
    font-family: 'FontAwesome';   
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
}
ul.flex-direction-nav li a {
    color: #ccc;
}
ul.flex-direction-nav li a:hover {
    text-decoration: none;
}

/* VERSION 1 - Vertical Scrolling Thumbnails */
/*
.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px 5px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 420px) {
    .woocommerce-page div.product div.images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .woocommerce div.product div.images .flex-control-thumbs {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 80px;
        flex: 1 0 80px;
        max-height: 425px;
        overflow: auto;
    }
    .woocommerce div.product div.images .flex-control-thumbs li {
        width: 100%;
        padding: 0 10px 10px 0;
    }
}
*/
/* VERSION 2 - Horizontal Scrolling Thumbnails */

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 0px 30px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 37%;
}

.woocommerce div.product div.images .flex-control-thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

/*---------------END FOR SINGLE PRODUCT PAGE PRODUCT IMAGE GALLERY---------------------------------------*/


.select2-container .select2-choice{
    border: 1px solid #EEE;
    font-size: 0.9em;
    color: inherit;
    border-radius: 0;
}

.select2-results{
    font-size: 0.9em;
    color: inherit;
}

.select2-drop-active{
    border-color: #EEE;
}

.select2-drop.select2-drop-above.select2-drop-active{
    border-color: #EEE;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message{
    border-top-color: #fe5722;
    font-size: 0.9em;
    margin-bottom: 15px;
}

.woocommerce-error:before, 
.woocommerce-info:before, 
.woocommerce-message:before{
    color: #fe5722;
}
#content-box .woocommerce-error li,#content-box .woocommerce-info li, #content-box .woocommerce-message li{
  padding: 0em 2em 0em 3.5em !important;
}

.woocommerce-error a.button, 
.woocommerce-info a.button, 
.woocommerce-message a.button{
    padding: 10px 20px;
    line-height: 1;
    height: auto;
    margin-right: 15px;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th{
    font-weight: 400;
}

#customer_details{
    margin-bottom: 40px;
}

.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register{
    border: 1px solid #EEE;
    border-radius: 0;  
    padding: 10px;
}

.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order{
    float: none;
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}

.woocommerce .widget_shopping_cart .cart_list li, 
.woocommerce.widget_shopping_cart .cart_list li{
    padding-top: 4px;
}

.woocommerce ul.cart_list li a, 
.woocommerce ul.product_list_widget li a{
    font-weight: 400;
}

.woocommerce a.remove{
    font-family: Arial;
    font-weight: normal;
}

.woocommerce .widget_shopping_cart .cart_list li a.remove, 
.woocommerce.widget_shopping_cart .cart_list li a.remove{
    top: 8px;
}

.woocommerce .widget_layered_nav ul li{
    padding: 5px 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    background-color: #FFF;
    border: 4px solid #fe5722;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
    background-color: #fe5722
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
    background-color: #EEE;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
    height: 20px;
    width: 20px;
    top: -6px;
    margin-left: -10px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
    list-style: none;
}

.woocommerce-MyAccount-navigation-link a{
    background: #fe5722;
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 5px;
    display: block;
}

.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{
    background: none;
}

.woocommerce ul.products li.product strong {
    display: inline-block;
}

/* Testimonial slider css */
.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}
/*-------------------------------*/
/*    Carousel Fade Transition   */
/*-------------------------------*/
.carousel-indicators li{
    background-color: #6963635c;
    border: 1px solid #6963635c;
}
/* GALLARY HOMEPAGE CSS */
main#innerpage-box div#ht-contactus-wrap a:hover {
    color: #444;
}
/**/
ul.themetext {
    margin: 0;
    padding: 0;
    list-style: none;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink{
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
}
.ht-site-title, .site-title {
    margin: 0;
}

div#content li.blocks-gallery-item:before {
    content: none;
}
div#content li.blocks-gallery-item {
    padding: 14px 14px 0 14px;
}
div#content li.blocks-gallery-item img:hover {
    opacity: 0.5;
}


.single_post .post-date-publishable {
    padding-top: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.woocommerce-product-search .search-field {
    width: 100% !important;
    margin-bottom: 5px;
    margin-top: 20px;
}
.single-productpage #sidebars .widget_price_filter button {
position: relative !important;
    display: inline-block !important;
    overflow: hidden;
    right: 0px !important;
    top: 0px !important;
    font-size: 14px;
    color: #FF7703;
    z-index: 0;
    box-shadow: none;
    background: #DCE1E5;
    box-shadow: 0px 0px 4px #FF7703;
    border-radius: 0;
    height: 100%;
    width: 100%;
    padding: 9px;
}
.single-productpage #sidebars .widget_price_filter {
    padding-bottom: 35px;
}
.single-productpage #sidebars button {
position: absolute !important;
    display: inline-block !important;
    overflow: hidden;
    right: 7px !important;
    top: 6px !important;
    font-size: 0;
    color: #FF7703;
    z-index: 0;
    box-shadow: none;
    background: #DCE1E5;
    box-shadow: 0px 0px 4px #FF7703;
    border-radius: 22px;
    height: 33px;
    width: 33px;
    padding: 9px;
}



.widget-area form.woocommerce-product-search:before {
    font-family: 'FontAwesome';
    transition: all 0.3s ease;
    content: "\f002";
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 2;
    text-align: center;
}
.widget-area form.woocommerce-product-search:after {
    transition: all 0.3s ease;
    content: "";
    /* font-size: 14px; */
    color: #0000001A;
    position: absolute;
    right: 57px;
    top: 0;
    z-index: 5;
    height: 46px;
    width: 5px;
    text-align: center;
    background: #e5e5e5;
    opacity: 1;
}
.widget_product_search {
    padding-bottom: 60px !important;
}

div#sidebars ins {
    background: none;
}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}
.widget-area del span.woocommerce-Price-amount.amount {
    font-size: 14px;
    color: #666;
}
.widget-area span.woocommerce-Price-amount.amount {
    margin: 0 0 10px 0;
    line-height: 24px;
    min-height: 26px;
    color: #242424;
    font-size: 17px;
    font-weight: 500;
}

/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 3em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star; 
    overflow: initial;
}
.woocommerce .star-rating span {
    overflow: hidden;
    float: left;
    top: 0px;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}
.woocommerce .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
    display: none;
}
.woocommerce .star-rating::before {
    content: '\73\73\73\73\73';
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    /*display: none;*/
}
.comment-text .star-rating {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.woocommerce .star-rating, .woocommerce-page .star-rating {
    margin-bottom: 0 !important;
}
/*--------------------------------------------------------------
# rating
--------------------------------------------------------------*/
.woocommerce div.product form.cart .button, 
.woocommerce-page div.product form.cart .button, 
.woocommerce #content div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    padding: 0px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce #review_form #respond .form-submit input {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce div.product div.images img:hover {
    opacity: 0.8;
}
.woocommerce div.product .woocommerce-product-rating a, 
.woocommerce .star-rating span{
    float: right;
    display: contents;
}
.single-productpage .innerpage-whitebox .woocommerce-product-rating span.count {
    display: inherit;
}
.single-productpage{
    position: relative;
    overflow: hidden;
}
.woocommerce .star-rating::before{
    top: 0 !important;
    left: 0 !important;
    position: relative;
}

.woocommerce div.product .woocommerce-product-rating{
    line-height: 0px;
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
       /* margin-right: 24px !important;*/
}
.woocommerce ul.products li.product a img {
    transform: scale(1);
    transition: all 1s ease 0s;
}
.woocommerce ul.products li.product a img:hover {
    opacity: 0.8;
    transform: scale(1.05);
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_shopping_cart .buttons a, 
.woocommerce.widget_shopping_cart .buttons a {
    border: 1px solid;
    padding: 10px 20px;
    color: #FFF;
    border: 0;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 5px;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.4);
}
.woocommerce .widget_price_filter .price_slider_amount .price_label {
    padding-top: 40px;
}
body.page-template-default.page.page-id-134.logged-in.admin-bar.woocommerce-checkout.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead,
body.page-template-default.page.page-id-133.logged-in.admin-bar.woocommerce-cart.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support #ht-masthead,
body.page-template-default.page.page-id-135.logged-in.admin-bar.woocommerce-account.woocommerce-page.woocommerce-js.ht_right_sidebar.columns-3.customize-support header#ht-masthead {
    position: relative;
}
.woocommerce table.shop_table{
    padding-bottom: 30px;
}
.sf-arrows .sf-with-ul:after {
    content: '\f107';
    font-family: FontAwesome;
    position: absolute;
    right: -2px;
    height: 0;
    width: 0;
    display: none;
}
.sf-arrows .sf-with-ul:before {
    display: none;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    position: relative;
}
.woocommerce #reviews #comments ol.commentlist li {
    display: inline-block;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
}
/*-----------------------
## Single product
-----------------------------*/
.woocommerce div.product .product_meta .posted_in, .woocommerce div.product .product_meta .tagged_as {
    display: block;
    font-weight: 400;
    line-height: 1.6;
}
.woocommerce .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 100%;
    font-family: star;
    overflow: initial;
}
.woocommerce .widget_rating_filter ul li a {
    padding: 1px 0;
    text-decoration: none;
}
.widget-area .woocommerce li.wc-layered-nav-rating .star-rating {
    margin: 0;
}
.widget-area .woocommerce ul.product_list_widget li a {
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0px 0 8px;
}
.widget-area .woocommerce .product_list_widget li .star-rating {
    float: right;
    position: relative;
    height: 1.5em;
    line-height: 1;
    font-size: 1em;
    width: 63%;
    font-family: star;
    overflow: initial;
    margin-bottom: 10px !important;
}
main#innerpage-box .woocommerce-product-details__short-description ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #999;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

main#innerpage-box .woocommerce-product-details__short-description ul li {
    position: relative;
    padding-left: 15px;
    font-size: 14px;
    margin-bottom: 7px;
    line-height: 1.4;
}
.woocommerce div.product .woocommerce-tabs .panel {
    background: transparent !important;
    border: none !important;
    box-shadow: none;
}
/*===================== responsive ==========================*/

@media screen and (min-width: 993px) and (max-width: 1199px){
.navigation .mainmenu li{ margin-right: 12px;}


.site-header .socials a i.fa{margin-right: 6px;}
}
@media screen and (max-width: 1520px){
    div#pricing #curve {
        top: -150px;
    }
    .single-team .in-our-team ul > li > a {
        line-height: 30px;
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 1510px) and (min-width: 1445px){
    .inner-page-gallery:hover .text {
        width: 20rem;
        height: 20rem;
        margin-top: -10rem;
        margin-left: -10rem;
        padding: 35% 10px 0px;
    }
    .inner-page-gallery {
        width: 20rem;
        height: 20rem;
    }
    .inner-page-gallery .text {
        right: 40%;
    }
}

@media screen and (min-width: 1700px){
    div#pricing #curve {
        top: -210px;
    }
}
@media screen and (min-width: 1900px){
    div#pricing #curve {
        top: -250px;
    }
}

@media only screen and (min-width: 1800px) {
    #testimonials .peccular-testimonials-content {
    padding-right: 0;
}
#testimonials .peccular-testimonials-image {
    left: -30px;
}
#testimonials #big button.owl-prev {
    left: 785%;
}
#testimonials .thumb-area {
    right: 50px;
}


}


@media screen and (max-width: 1500px){
    .team-area img {
     width: 150px;
     height: 150px;
 }
 .team-area .single-team-img {
    top: 2em;
}
#innerpage-box .single-team-img img {
 width: 150px;
 height: 150px;
}
#innerpage-box .single-team-img {
    top: 2em;
}

.team-area .team-text {
    padding: 9.5em 1em 1em;
    margin: 0px 25px 3.5em;
}
#innerpage-box .team-text {
    padding: 9.5em 1em 1em;
    margin: 0px 25px 3.5em;
}

.team-area .team-social-icon {
    padding: 7em 0 2.3em;
}
#innerpage-box .team-social-icon {
    padding: 7em 0 2.3em;
}
}

@media screen and (max-width: 1440px){ 
    .lz-gallery-images img {
        height: 440px;
        border-radius: 25px;
    }
    .blog-area .blog-thumbnail img {
        height: 90px;
    }
    .blog-area .inner-area-title {
        line-height: 25px;
    }
    .blog-area .blog-btn {
        margin-top: 1em;
    }
    div#blog .blog-r-area {
        padding: 4em 5em 2em 5em;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1440px){
 .col-md-10.whychoousw {
    width: 91.66666667%;
}
}
@media screen and (min-width:320px) and (max-width: 481px){
.ht-site-description, .page-template-home-template .ht-site-description,
 .page .ht-site-description, .single .ht-site-description{    padding: 0px 10px;}
 .maintop-header ul li{    line-height: 34px;}
 }

@media screen and (min-width: 320px) and (max-width: 992px){
    .site-header .socials a i.fa{margin-right: 0px;}
 }
 @media screen and (min-width:641px) and (max-width:767px){
    .logo-header, .page-template-home-template .logo-header,
    .page .logo-header, .single .logo-header{top: -27px;  padding: 7px;}       
 }
 @media screen and (min-width: 320px) and (max-width:640px){
    .logo-header, .page-template-home-template .logo-header, 
    .page .logo-header, .single .logo-header{top: -32px;     padding: 7px;}      
 }
  @media screen and (min-width: 320px) and (max-width:576px){
    .hamburger-menus span, header.site-header .maintop-header .hamburger-menus span {background-color: #000;}
  }
@media screen and (min-width: 320px) and (max-width:575px){
   
    .logo-header, .page-template-home-template .logo-header, 
    .page .logo-header, .single .logo-header{top: 0px !important;     padding: 7px;}   
 }  
   
@media screen and (min-width: 320px) and (max-width:520px){
.hamburger-menus {
    top: 8px !important;
    right: -235px !important;
}
}

@media screen and (max-width: 992px){ 
    .navigation {
        border-right: 2px solid #f73189;
    }
    #secondary .gallery-columns-3 .gallery-item {
        max-width: 25%;
    }
    .navigation .mainmenu li.current_page_item a, .current_page_item > a{
    color: #E11D07;
    }
    
    .navigation .mainmenu li a:hover, div#navbarNavDropdown li.current_page_item a:hover,
    .current_page_item > a:hover{
        color: #000;
        font-weight: 500 !important;

    }
    
}
@media only screen and (max-width: 1300px) {
    div#blog .blog-r-area {
        padding: 4em 5em 2em 5em;
    }
    
}
@media screen and (min-width: 1024px) and (max-width: 1400px){
    .wcu-single-bx-inner span.fa {
        font-size: 15px;
    }
    #whychooseus .inner-area-title {
        font-size: 14px;
    }
}
@media screen and (min-width: 994px) and (max-width: 1020px){
    .col-md-10.whychoousw {
        width: 100%;
    }
    #whychooseus .inner-area-title {
        font-size: 15px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1300px){
    .service_inbox .service_inbox-content {
        padding: 10px 15px;
    }
    .page-template-default #innerpage-box .service_inbox .title {
        margin: 0;
    }
    .p-single-bx {
        margin: 0 3em 3em;
    }
    .about-exp-area {
        left: -20px;
    }
    .about-btn a {
        padding: 25px 25px;
        font-size: 14px;
    }

    .features-btn a, .f2-btn a {
        padding: 20px 50px;
    }
    #whychooseus .section-title h2 {
        font-size: 13px;
    }
    #whychooseus .section-subtitle h3 {
        font-size: 35px;
        line-height: 40px;
    }
    .col-md-10.whychoousw {
        width: 100%;
    }
    #innerpage-box .lz-gallery-images img {
        height: 460px;
    }
    .triangle-bg-lg, .triangle-bg-lg:before, .triangle-bg-lg:after {
        width: 30em;
        height: 30em;
    }
    .whychoous-shape {
        left: -190px;
    }
    .col-md-3.col-sm-6 .subject-icon {
        width: 95px;
        height: 95px;
        top: -50px;
    }
    .col-md-3.col-sm-6 .subject-icon i {
        font-size: 50px;
        line-height: 95px;
    }
    .about-share ul li a {
        width: 28px;
        height: 28px;
        line-height: 30px;
    }
    .testimonials-area .ts-area-thumb img {
        width: 60px !important;
        height: 60px;
    }
    .testimonials-area h6.ts-area-title {
        margin-top: 5px;
    }

    #newsletter .newsletter-sign-box { 
    left: 70px;
     }
     #newsletter .peccular-section-head h2 {
        font-size: 45px;
        line-height: 55px;
    }
    #newsletter .peccular-newsletter-member-wrap input[type="text"], #newsletter .peccular-newsletter-member-wrap input[type="email"], #newsletter .peccular-newsletter-member-wrap input[type="url"], #newsletter .peccular-newsletter-member-wrap input[type="password"], #newsletter .peccular-newsletter-member-wrap input[type="search"], #newsletter .peccular-newsletter-member-wrap input[type="number"], #newsletter .peccular-newsletter-member-wrap input[type="tel"], #newsletter .peccular-newsletter-member-wrap input[type="range"], #newsletter .peccular-newsletter-member-wrap input[type="date"], #newsletter .peccular-newsletter-member-wrap input[type="month"], #newsletter .peccular-newsletter-member-wrap input[type="week"], #newsletter .peccular-newsletter-member-wrap input[type="time"], #newsletter .peccular-newsletter-member-wrap input[type="datetime"], #newsletter .peccular-newsletter-member-wrap input[type="datetime-local"], #newsletter .peccular-newsletter-member-wrap input[type="color"], #newsletter .peccular-newsletter-member-wrap input[type="file"], #newsletter .peccular-newsletter-member-wrap textarea {
        height: 60px;
    }
    #newsletter .newsletter-sign-box {
    width: 345px !important;
    }
    #newsletter {
        top: 384px; 
    }
    #big {
        left: 0;
        width: 58%;
    }
    #testimonials .peccular-testimonials-image {
        width: 306px;
    }
    #testimonials .peccular-testimonials-review {
        right: -88px;
    }
    #testimonials .thumb-area {
        width: 44%;
    }
    #testimonials .thumb-area .owl-item {
        width: 172px !important;
    }
    #testimonials .thumb-content #thumbs img {
        width: 155px !important;
    }
    #testimonials #big button.owl-prev {
        left: -550%;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1200px){
  #quote-carousel .carousel-control.left {
    left: -42px;
}
#quote-carousel .carousel-control.right {
    right: -42px;
}
.ht-slider-highlighttext {
    font-size: 30px;
}
.ht-slide-cap-title.animated.fadeInDown {
    font-size: 35px;
}
#ht-appintment-section .box-effect {
 padding: 0;
}
.header-seo.header-transparent .is-fixed .main-bar input[type="search"] {
    top: -5px;
}
.header-seo.header-transparent .is-fixed .main-bar span.sb-icon-search {
    top: -14px;
}
.slider_section .title {
    font-size: 35px;
    line-height: 40px;
}
.slider_section .title b {
    font-size: 40px;
    margin-bottom: 6px;
}
.slider_content {
  top: 53%;
  width: 340px;
  left: 54%;
  z-index: 999;
}
.img-slide-responsive {
    right: 1035px;
    top: 0px;
}
.single-team .in-our-team ul > li > a {
    line-height: 30px;
    width: 30px;
    height: 30px;
}

.features-area .inner-area-title {
    font-size: 19px;
}
#blog .peccular-blog-posts .peccular-box-area-S {
    padding: 0 25px 0 0;
}
.w-f-11 {
    width: 89%;
}
.w-f-1 {
    width: 10%;
}
#events .eventheadingbox h2 {
    top: 0;
    margin-bottom: 10px;
}
#events .eventheadingbox h2 img {
    top: 15px;
    height: 45px;
}
#events .peccular-events-single p {
    padding: 0 0px 0 0;
}
#facility .music-class3 h2 img {
    top: 10px;
    height: 36px;
}
.hero-style .slide-title h2 {
    font-size: 50px;
    line-height: 65px;
}


}
@media screen and (min-width:992px) and (max-width: 1024px){
#testimonials .thumb-area .owl-item {
    width: 130px !important;
}
#testimonials #big button.owl-prev {
    left: -970%;
}
#team .peccular-team-image {
    height: 460px;
}
#products-austrak a:nth-child(3), #products-sherings a:nth-child(3), #products-austrak a:nth-child(5), #products-sherings a:nth-child(5), #products-austrak a:nth-child(7), #products-sherings a:nth-child(7), #products-austrak a:nth-child(11), #products-sherings a:nth-child(11), #products-austrak a:nth-child(15), #products-sherings a:nth-child(15), #products-austrak a:nth-child(17), #products-sherings a:nth-child(17), #products-austrak a:nth-child(21), #products-sherings a:nth-child(21) {
    width: 44% !important;
}
.footerareabox {
    margin: -400px 0 0 0;
}
#newsletter {
    top: 374px;
}
#footer, .footer-area, .page-template-home-template .footer-area, .page .footer-area, .single .footer-area {
    padding-top: 8em;
}
#newsletter .newsletter-sign-box {
    width: 310px !important;
}
#newsletter .peccular-section-head h2 {
    font-size: 30px;
    line-height: 35px;
}
#newsletter .newsletter-sign-box {
    top: 123px;
      left: 0;
}
#newsletter .peccular-newsletter-member-wrap input[type="text"], #newsletter .peccular-newsletter-member-wrap input[type="email"], #newsletter .peccular-newsletter-member-wrap input[type="url"], #newsletter .peccular-newsletter-member-wrap input[type="password"], #newsletter .peccular-newsletter-member-wrap input[type="search"], #newsletter .peccular-newsletter-member-wrap input[type="number"], #newsletter .peccular-newsletter-member-wrap input[type="tel"], #newsletter .peccular-newsletter-member-wrap input[type="range"], #newsletter .peccular-newsletter-member-wrap input[type="date"], #newsletter .peccular-newsletter-member-wrap input[type="month"], #newsletter .peccular-newsletter-member-wrap input[type="week"], #newsletter .peccular-newsletter-member-wrap input[type="time"], #newsletter .peccular-newsletter-member-wrap input[type="datetime"], #newsletter .peccular-newsletter-member-wrap input[type="datetime-local"], #newsletter .peccular-newsletter-member-wrap input[type="color"], #newsletter .peccular-newsletter-member-wrap input[type="file"], #newsletter .peccular-newsletter-member-wrap textarea {
    height: 35px;
    padding: 18px 15px !important;
}
#newsletter .peccular-newsletter-member-wrap input[type="submit"] {
    border: 3px solid #FDAF1B;
    padding: 5px 40px;
    font-size: 16px;
    line-height: 22px;
    margin: 12px 0 25px;
}
#testimonials .thumb-area .peccular-testimonials-image {
    padding-right: 10em;
}

}

@media screen and (min-width: 320px) and (max-width: 1440px){

    .features-area::before{ width: 102%;}
}
@media screen and (max-width: 755px){
    .subject-area .single-subject, .procedure-area .p-area{
        height: auto !important;
    }
    .fs-area .fs-single-bx{
        min-height: auto !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 1024px){

    .footer-area .footerlayer-6{bottom: 25%;}
    .footer-area .footerlayer-3{bottom: 15%;}
    .footer-area .footerlayer-1{top: 5%;}

    .slider_section::after{    bottom: -10.8%;}
    .slider_section .bx-wrapper .bx-controls-direction a{top: 56%;}
    .slider_section .bx-wrapper .bx-next{right: 155px;}
    .slider_section .bx-wrapper .bx-prev{left: 118px;}
    .slider_section .layer-3{    right: 9.3%; top: 40.9%;}
    .slider_section .layer-8{top: 17.5%;}

    header.site-header span.text, .single-header-info span.theme-color{font-size: 11px;}
    header.site-header .d-flex, div#navbarNavDropdown {
        margin: 0 0%;
    }

    .features-area .btn{padding: 18px 40px;}
    .features-area .owl-carousel .owl-nav button.owl-next{ right: -20px;  }
    .features-area .owl-carousel .owl-nav button.owl-prev{left: -20px;}

    .slider_section .title{
        padding-bottom: 5px;
    }
    .slider_section .sub-title{
        margin-top: 0px;
    }

    .innerpage-whitebox{
    padding: 1em 0.5em 1em 0.5em;
    }
    header.site-header .list-inline.m-a0{
        padding-left: 0px !important;
    }
    header.site-header .text-bx.padding0{
        padding-left: 15px;
    }
    header.site-header input[type="search"] {
        width: 100%;
    }
   /* div#service, div#about {
        padding: 4em 0px !important;
    }*/
    div#blog .blog-r-area {
        padding: 4em 2em 2em 5em;
    }
    #ourclient {padding: 2em 0 5em!important;}
    .blog-img-area:after {
        right: 0px;
        border-width: 0px 0 135px 135px;
    }
    .blog-img-in:after {
        right: -2px;
        right: -56px;
        border-width: 0px 0 138px 150px;
        top: -1px;
    }
    .blog-img-area img {
        left: 0em;
    }
    .blog-img-area:before {
        border-radius: 0 0 500px 0;
    }

}


@media screen and (max-width: 1200px){
    .ct-btn-scroll{
        bottom: 20px;
    }
}

@media screen and (max-width: 1000px){
    .toggle-bar{
       display: block;
       position: absolute;
       top: -35px;
       right: 35px;
       width: 50px;
       background: #fe5722;
       cursor: pointer;
       text-align: center;
       color: #fff;
       padding: 20px 0;
       cursor: pointer;
   }

   .toggle-bar span{
    position: absolute;
    top: 50%;
    margin-top: -2px;
    height: 4px;
    left: 8px;
    right: 8px;
    background: #FFF;
    box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
}

}


@media screen and (max-width: 990px){
    .blog-img-in:after {
        right: -2px;
    }
}
@media only screen (max-width: 1024px){
   /* .woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
    margin-right: 15px !important;
}*/
}
@media (max-width: 1012px){
    .slider_section .title {
        font-size: 35px;
        line-height: 35px;
    }
    .slider_section .title b {
        font-size: 35px;
        margin-bottom: 0px;
    }
    .ht-slide img {
        height: auto !important;
    }
    .img-slide-responsive {
        position: absolute;
        right: 1112px;
        top: 0px;
    }

    .slider_content {
        width: 390px;
        margin-left: -400px;
        left: 48%;
        top: 50%;
    }
    .slider_section a.btn {
        padding: 15px 35px;
        font-size: 14px;
    }
    .slider-btn {
        margin-top: 1.5em;
    }
    .header-transparent .sticky-header {
        padding: 0;
    }
}

@media (min-width: 992px){
    .responsive-header-box{
        display: none;
    }
    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}
@media (max-width: 992px){
    .slider_section .title {
        font-size: 30px;
        line-height: 30px;
    }
    .slider_section .title b {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .slider_content {
        top: 55%;
        width: 485px;
        left: 75%;
    }
    .logo {
        position: relative;
        /* left: 40px;*/
        top: 0px !important;
        background: none !important;
        padding: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .sf-arrows .sf-with-ul:after{
        right: 30px !important;
    }

    .slider_content {
        width: 260px;
        margin-left: -400px;
        left: 65%;
        top: 55%;
    }
    .slider-contentimg img {
        width: 120px;
    }
    .ht-site-title, .site-title {
        font-size: 23px;
    }
    .header-share {
        top: 45px;
        right: 70px;
    }
    .hamburger-menus {
        top: 12px;
        right: 0;
        margin: 0 !important;
    }
    .hero-style .slide-title h2 {
        font-size: 37px;
        line-height: 50px;
    }
.hero-style .slide-text p {
    font-size: 20px;
    line-height: 30px;
}
.hero-style .slide-btns-1 a.moreabt {
    font-size: 18px;
    line-height: 18px;
    padding: 10px 28px;
}
.hero-slider .sliderimg {
    border-radius: 7px 275px 43px 11px;
    height: 500px;
}
.slider-area img.slide-mainimg {
    border-radius: 7px 275px 43px 11px;
}
.slider-area {
    height: 695px;
}

    .navigation.menuopen{ background: #fff; }
    .top-bar-head .head-menu {
        padding-right: 0;
    }
    .blog-area .blog-thumbnail img {
        height: 130px;
    }
    .about-exp-area {
        left: -12px;
    }
    .counter-area .col-md-3.col-sm-6.col-xs-12.counter-top:nth-child(4) .cd-single .cd-num:before,
    .counter-area .col-md-12.col-sm-12.col-xs-12.counter-top:nth-child(1) .cd-single .cd-num:before,
    .counter-area .col-md-6.col-sm-6.col-xs-12.counter-top:nth-child(2) .cd-single .cd-num:before,
    .counter-area .col-md-4.col-sm-6.col-xs-12.counter-top:nth-child(3) .cd-single .cd-num:before,
    .counter-area .col-md-3.col-sm-6.col-xs-12.counter-top:nth-child(8) .cd-single .cd-num:before,
    .counter-area .col-md-4.col-sm-6.col-xs-12.counter-top:nth-child(6) .cd-single .cd-num:before{
        display: block;
    }
    .featured-single-area {
        padding: 3em 0em 0 0em;
    }
    .features-btn a, .f2-btn a {
        padding: 20px 50px;
    }
    div#blog .blog-r-area {
        padding: 0em 2em 2em 2em !important;
    }
    .contact-detail {
        top: 1em;
    }
    .slider_section .sub-title {
        font-size: 14px;
        line-height: 20px;
    }
    div#about .about-right {
        padding-top: 6em;
    }
    div#about img.aboutsideimg {
        padding-top: 4em;
    }
    .testimonials-img img {
        width: 90px;
    }
    .testimonials-img {
        right: 10%;
        top: -80px;
    }
    div#subject {
        padding-top: 3em !important;
    }
    #innerpage-box .lz-gallery-images img {
        height: 330px;
    }
    .mainbottom-header .appnowbt i {
    position: relative;
    top: 5px;
    right: -8px;
}
.mainbottom-header .appnowbt a {
    position: relative;
    top: -5px;
        font-size: 16px;
}
.image-icon {
    bottom: 0;
}
#big {
    width: 100%;
    left: 0;
}
#testimonials .thumb-area {
    width: 100%;
    position: relative;
    right: 0;
    bottom: 0;
    height: 312px;
}
#testimonials .thumb-area .owl-carousel {
    height: 312px;
    padding-top: 3em;
}
#testimonials .peccular-testimonials-image img{
    width: 100%;
    height: 370px;
}
#testimonials .peccular-testimonials-image {
    width: 81%;
}
#testimonials .peccular-testimonials-image {
    height: 370px;
    }
#testimonials #big button.owl-prev {
    left: -43px;
}

#events .peccular-events-single {
    margin-right: 0;
}
#events .peccular-events-single p {
    padding: 0 0px 0 0;
}
#events .owl-carousel .owl-nav button.owl-prev {
    width: 38px;
    height: 38px;
    line-height: 30px;
    left: -48px;
    top: -94px;
}
#events .owl-carousel .owl-nav button.owl-prev:after {
    line-height: 38px;
}
#events .eventheadingbox h2 img {
    top: 0;
    right: 0;
    height: 35px;
}
#events .eventheadingbox h2 {
    top: 0;
}
#facility .peccular-facility-single {
    margin: 0 25px 40px;
}
#facility .peccular-facility-single2 {
    margin-bottom: 45px;
}
.about-r-w {
    width: 60%;
}
.about-l-w {
    width: 40%;
}
#about .peccular-about-imgbox img, #about .peccular-about-imgbox {
    height: 400px;
}

#about .peccular-about-imgbox .abtexpeience {
    width: 76%;
}
#about .peccular-about-imgbox .abtexpenumbox h2 {
    font-size: 60px;
}
#about .peccular-about-imgbox .abtexpeience p {
    font-size: 25px;
}
#about .peccular-section-head h3 {
    font-size: 24px;
    line-height: 35px;
}
#about .peccular-section-area-textlist ul li, #about .peccular-section-area-textlist ol li, #about .peccular-section-area-textlist {
    margin-bottom: 5px;
}
#about .peccular-section-area-textlist ul {
    margin-bottom: 0em;
}
#about {
    padding-bottom: 0em !important;
}
.w-f-11 {
    width: 89%;
}
.w-f-1 {
    width: 10%;
}


}

@media screen and (max-width: 990px){
    div#postproducts .Postp_titlearea h3 {
        font-size: 35px;
        line-height: 45px;
    }
    div#postproducts .Postp_titlearea h3 b {
        font-size: 40px;
    }
    div#postproducts .Postp_titlearea p {
        font-size: 13px;
        line-height: 20px;
    }
    div#postproducts .ppost-area .postp_sarea .Postp_titlearea {
        padding: 1em 0;
    }
    div#postproducts .postp-area-btn a {
        font-size: 12px;
        padding: 8px 35px;
    }
    div#postproducts .postp-area-btn {
        margin-top: 1em;
    }
    /*.page-main-header {
        padding: 19em 0 3.5em!important;
    }*/

}
@media screen and (max-width: 990px){
    div#testimonials {
        padding: 4em 0 4em 0em !important;
    }
    div#contact .appont-mg {
        margin-bottom: 2em;
    }

    div#testimonials .ts-pd {
        padding-top: 0;
    }
}

@media screen and (max-width: 768px){


    main#innerpage-box h6.faq-title{
        padding: 10px 75px 8px 17px !important;
    }
    .single-productpage .innerpage-whitebox,
    .single-productpage #sidebars {
        margin-top: 00px;
    }
    .ht-footer.ht-footer1,
    .ht-footer.ht-footer2,
    .ht-footer.ht-footer3,
    .ht-footer.ht-footer4 {
        width: 100% !important;
        /* margin-left: 3%;*/
    }
    .ht-slide-caps-title.animated.fadeInDown {
        font-size: 26px;
    }
    .ht-main-navigation li{
        padding-right: 00px;
    }
    img.ht-page-header-img{
        height: 275px;
        border-radius: 5px 190px 10px 5px;
    }
    .ht-site-title a, .site-title a{
        top: 0 !important;
    }
    .ht-slide-cap-title.animated.fadeInDown
    {
        font-size: 22px;
    }
    .ht-slide-cap-desc.animated.fadeInDown{
       font-size: 13px;
       line-height: 20px;
   }
   .newsletter-form-box input[type="submit"]{
    left: 0px;
}
#quote-carousel .carousel-control.right {
    right: 0;
    top: 140px;
}
#quote-carousel .carousel-control.left {
    left: -7px;
    top: 140px;
}
#quote-carousel .carousel-control {
    margin-top: -50px;
}
.ht-slide-cap-descmore {
    margin-top: 5px;
}
.section-title h2{font-size: 32px;}
body.admin-bar .navigation {
    top: 45px;
}
div#about .section-subtitle h3, #features .section-subtitle h3, 
#whychooseus .section-subtitle h3, #procedure .section-subtitle h3,
#testimonials .section-subtitle h3,#contact .section-subtitle h3,
#blog .section-subtitle h3 {
    font-size: 40px;
    line-height: 40px;
}
div#about .section-title h2, #features .section-title h2 {
    font-size: 18px;
}
#newsletter {
    top: 0;
    background: #F64928;
    padding: 1em 0 !important;
    z-index: 0;
    position: relative;
}
#newsletter .newsletter-bg svg {
    display: none;
}
.footerareabox, .page .footerareabox {
    margin: 0px 0 0 0;
}
#newsletter .newsletter-sign-box {
    width: 100% !important;
    top: 0;
    height: auto;
}
#blog .peccular-blog-posts .peccular-box-area-S:nth-child(1), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(2), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(5), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(6), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(7), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(8), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(12), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(11) {
    width: 50%;
}
#products-austrak a:nth-child(3), #products-sherings a:nth-child(3), #products-austrak a:nth-child(5), #products-sherings a:nth-child(5), #products-austrak a:nth-child(7), #products-sherings a:nth-child(7), #products-austrak a:nth-child(11), #products-sherings a:nth-child(11), #products-austrak a:nth-child(15), #products-sherings a:nth-child(15), #products-austrak a:nth-child(17), #products-sherings a:nth-child(17), #products-austrak a:nth-child(21), #products-sherings a:nth-child(21) {
    width: 48%;
}
#products-austrak a, #products-sherings a, #products-austmark a {
    width: 48%;
}

#big {
    width: 100%;
    left: 0;
}
#testimonials .thumb-area {
    width: 100%;
    position: relative;
    right: 0;
    bottom: 0;
    height: 312px;
}
#testimonials .thumb-area .owl-carousel {
    height: 312px;
    padding-top: 3em;
}
#testimonials .peccular-testimonials-image img{
    width: 100%;
    height: 370px;
}
#testimonials .peccular-testimonials-image {
    width: 81%;
}
#testimonials .peccular-testimonials-image {
    height: 370px;
    }
#testimonials #big button.owl-prev {
    left: -43px;
}
.peccular-muzicvideo-area .peccular-muzicvideo-b, 
#muzicvideo .peccular-muzicvideo-single .peccular-muzicvideo-img iframe, 
#innerpage-box .peccular-muzicvideo-b, #innerpage-box .peccular-muzicvideo-single .peccular-muzicvideo-img iframe, 
#innerpage-box .peccular-main-area .peccular-main-b,  #innerpage-box .peccular-main-single .peccular-main-img iframe {
    width: 50%;
}
#muzicvideo .peccular-muzicvideo-single .peccular-muzicvideo-img img, 
#innerpage-box .peccular-muzicvideo-single .peccular-muzicvideo-img img,
#innerpage-box .peccular-main-single .peccular-main-img img {
    width: 100%;
}
.eventheadingbox, .peccular-events-w {
    width: 100%;
}
.peccular-events-w{
    margin-top: 1em;
}
#about .peccular-about-imgbox {
    margin-top: 1em;
}
.slider-w {
    width: 50%;
}
.hero-slider .sliderimg {
    height: 100%;
}
.hero-slider .sliderimg, .slider-area img.slide-mainimg {
    border-radius: 7px 290px 43px 11px;
}
.hero-slider .slide-inner {
    top: 50px;
}
.slide-inner .slider-inner-mainbox {
    top: 55px;
}
.hero-style .slide-title h2 {
    font-size: 40px;
    line-height: 45px;
}
.hero-style .slide-text p {
    font-size: 20px;
    line-height: 32px;
        margin: 5px 0 0 0;
}
.hero-style .slide-btns-1 a.moreabt {
    font-size: 20px;
    line-height: 24px;
}
#events .owl-carousel .owl-nav.disabled {
    display: none;
}
#events .peccular-events-single p {
    padding: 0;
}
.mainbottom-header .header-rightbox {
    width: 75%;
}
.hamburger-menus {
    top: 10px;
}



}
@media screen and (min-width: 810px) and (max-width: 825px){
    .hamburger-menus {
        right: -15px;
    }
    .top-bar-head {
        padding: 10px;
    }
}

@media screen and (max-width: 740px){
    #programs .peccular-section-head h2 {
    padding-left: 0 !important;
}
#programs .peccular-section-head img {
    top: 25px;
    height: 60px;
}
#programs img.programtopimg {
    display: none;
}
#events .eventheadingbox h2 {
    top: 0;
    margin-bottom: 15px;
}
#events .eventheadingbox h2 img {
    top: 20px;
    right: 0;
    height: 60px;
}
#muzicvideo .peccular-section-head h2 img {
    height: 60px;
    top: 25px;
}
#events {
    padding-top: 0em !important;
}
div#testimonials {
    padding: 0em 0 0em 0em !important;
}


}

@media screen and (min-width: 320px) and (max-width: 425px){
    body {
        position: inherit; 
    }
    .product{display: block !important; min-width: 100% !important;}
}

@media screen and (max-width: 560px){
  ul.about-socialbtn li {
    float: right;
}

}
@media screen and (max-width: 768px){
    .slider_section p{
        padding-left: 10px;
    }
    .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{
        margin-bottom: 10px;
    }
    .woocommerce .widget_price_filter .price_slider_amount .button{
        margin-bottom: 15px;
    }
    .ht-main-navigation a{
        padding: 8px 17px;
    }
    .ht-section-title,
    .ht-section-tagline{
        width: auto;
    }
    .ht-top-footer{
        margin-left: 0;
    }
    .ht-footer{
        width: auto;
        margin: 0 0 30px;
        float: none;
    }
    .ht-footer:last-child{
        margin-bottom: 0;
    }
    .ht-slide-cap-descmore a{
      font-size: 2vw;
  }
  .ht-slide-cap-title{
    font-size: 24px;
    font-size: 4vw;
    margin-bottom: 0px;
}

#primary{
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
}
#secondary{
    width: auto !important;
    float: none !important;
    margin-bottom: 30px;
}

div#postproducts .ppost-area .postp_sarea {
    margin-bottom: 2em;
}
div#postproducts{
    padding: 2em 0 0 !important;
}
main#innerpage-box .Address_area h4, main#innerpage-box .social_area h4 {
    font-size: 30px;
}
#ht-contactus-wrap .contact_l_area span {
    font-size: 22px;
}
#ht-contactus-wrap .contact-info {
    margin-top: 18px;
    font-size: 14px;
}
.pd-r {
    padding: 2em 0;
    padding-right: 2em;
}
.pd-l {
    padding: 2em 0;
    padding-left: 2em;
}
.social_area i.fa {
    right: 49%;
}
div#offer {
    padding: 1em 0 !important;

}
/*#innerpage-box .peccular-team-image {
    width: 150px;
    height: 150px;
}*/
    .ht-main-title {
        font-size: 43px !important;
        line-height: 55px;
    }
    .inner_contentbox {
        padding: 1em 0em 0;
    }
    #innerpage-box {
        padding: 20px 0 0;
    }
    .page-template-blogpagewithleftsidebar-template #innerpage-box .inner-blog-post ,
    .page-template-blogpagewithrightsidebar-template #innerpage-box .inner-blog-post,
    .archive main#innerpage-box article.post.excerpt{
        width: 100%;
    }
    .blog-w-3 {
        width: 45%;
    }
   .blog-w-7 {
        width: 55%;
    }
}

@media screen and (max-width: 775px){
    .header-share {
       top: 45px;
       right: 35px;
   }
}

@media screen and (max-width: 766px){

}

@media screen and (min-width: 669px){
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up , 
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {
        display: none;
    }
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right, 
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {
        display: block;
    }

}

@media screen and (max-width: 668px){
    div#postproducts .ppost-area .postp_sarea:nth-child(2n) .Postp_titlearea {
        float: none;
    }
    #ht-contactus-wrap .contact_area {
        padding: 0px 0em 0;
    }
    #ht-contactus-wrap .address-box {
        text-align: center;
    }
    .social_area {
        text-align: center;
    }
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-right, 
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-left {
        display: none;
    }
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-up , 
    #ht-contactus-wrap .Address_area i.fa.fa-long-arrow-down {
        display: block;
    }
    #ht-contactus-wrap .contact_l_area span {
        font-size: 35px;
    }
    #ht-contactus-wrap .contact-info {
        font-size: 15px;
    }
    .social_area i.fa {
        right: 45%;
    }
    .mg-3 {
        margin: 1em 0 0;
    }
    .pd-r {
        padding: 0em 0;
    }
    .pd-l {
        padding: 0em 0;
    }
    main#innerpage-box .Address_area h4, main#innerpage-box .social_area h4, .page-template-contact-template main#innerpage-box .Address_area h4, .page-template-contact-template main#innerpage-box .social_area h4 {
        font-size: 28px !important;
    } 
    #ht-contactus-wrap .col-md-8.col-sm-8.col-xs-12 {
        padding: 0;
    }
    #ht-contactus-wrap .address-box {
        text-align: center;
    }
    #ht-contactus-wrap .contact-page-form {
        padding: 0 1em 1em;
    }
    #ht-contactus-wrap .contact-sm-links li a span {
        width: 45px;
        height: 45px;
        font-size: 20px;
        line-height: 45px;
    }

}

@media screen and (max-width: 580px){
    .slider_section .bx-wrapper .bx-controls-direction a,
    .ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{
        display: none;
    }    
    .ht-counter{
        width: 75%;
        float: none;
        margin: 0 auto 60px;
    }
    .ht-portfolio{
        width: 50%;
        padding: 4px;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px){
    .logobox img {
       padding-top: 0 !important;
   }
   .main-dispaly.padding0 {
    padding-left: 20px;
}
header.site-header button.header-btn{
    float: left;
}
.header.site-header ul.sub-menu li a:hover{
    padding-left: 15px;
    padding-right: 15px;
}
.navigation .mainmenu li ul li{
    top: auto;
}
.navigation .mainmenu li:hover > ul{
    position: relative;
    top: auto;
}
.navigation .mainmenu li:hover ul li:hover > ul{
    position: relative;
    left: 0;
}
.navigation .mainmenu li{
    bottom: auto;
}
.logo{
    top: 50%;
}
.navigation .mainmenu li ul li a{
    padding: 5px 0 5px 25px;
}
.navigation .mainmenu li a{
    text-align: left;
}
.navigation .mainmenu li:hover > ul{
    width: 100%;
}

}

@media screen and (min-width: 320px) and (max-width: 768px){
    header.site-header .main-dispaly.padding0 {
        padding-right: 20px;
    }
    .navigation .mainmenu {
        right: 0;
        padding-left: 0;
    }
    .ht-section-title:after {
        width: 65%;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs{
        padding-top: 10px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a{
        font-size: 18px;
    }

    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product, 
    .woocommerce .related ul.products li.product, 
    .woocommerce-page .related ul.products li.product{
        margin-bottom: 30px !important;
    }

    .sf-arrows .sf-with-ul:after{
        right: 40px;
    }
    .navigation .mainmenu li a{
        box-shadow: none;
    }
    .ti-home:before{
        left: 15px;
        top: 12px;
    }
    .is-fixed .main-bar ul.sub-menu {
        margin-top: 0 ;
    }
    .navigation .mainmenu li a,
    header.site-header ul.sub-menu li a{
      padding: 5px 0 5px 10px;
  }
  .ht-menu.clearfix ul {
    margin-left: 0;
}

header.site-header ul.sub-menu li a {
    padding: 5px 45px;
}
ul.sub-menu{
    position: relative;
    box-shadow: none;
    border-top: 0;
    margin-top: 0px;
    margin-left: 0;
    padding: 0;
}

}

@media only screen and (max-width: 767px) {
    .slide-content p{
        display:none;
    }
    .slide-content-box{
        text-align:center;
    }
    .owl-slider.owl-theme .owl-dots {
        bottom: 180px;
        margin-top: 0;
        position: absolute;
        right: auto;
        text-align: center;
        top: auto;
        transform: translateY(-50%);
        width: 100%;
    }
    .site-header .navbar-toggler, 
    .site-header .is-fixed .navbar-toggler {
        margin: 22px 0 22px 10px;
        box-shadow: none;
    }
    .slide-content .button-lg {
        font-size: 13px;
        padding: 10px 15px;
    }
    .text-white .site-button.outline {
        padding: 8px 15px;
    }
    .abuot-box {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border-radius: 0;
        box-shadow: none;
        margin-top: 0;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: unset;
    }
    .abuot-box [class*="col-"]{ 
        padding:0;
    }
    .choseus-tabs .title-head {
        display: unset;
    }
    .chosesus-content .abuot-box {
        background-color: rgba(255, 255, 255, 0.05);
        border-radius: 5px;
        left: auto;
        margin-top: 0;
        padding: 20px;
    }
    .chosesus-content .abuot-box p{
        color: #ffffff;
        font-size: 14px;
        opacity: 0.8;
    }
    .choses-info-content [class*="col-"] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    .inquiry-form{
        margin-top:0;
    }
    .contact-page{
        padding-bottom: 50px;
        padding-top: 100px;
    }
    .aboutarea-dotimg {
        right: 48px;
        bottom: -28px;
    }
    .blog-w-7, .blog-w-3 {
        width: 100%;
    }
    .about-r-w {
      width: 100%;
    }
    .about-l-w {
        width: 100%;
    }
}
@media screen and (min-width: 320px) and (max-width: 768px){

    .footer-area .bottom-area{padding: 30px 0 !important;}
    .single-footer-1{padding-left: 15px;}
    .single-footer-4{padding-right: 15px;}

    .footer-area .gallery-item{max-width: 50%;}
    .footer-bottom-area ul li { margin: 0 15px;}
    .footer-bottom-area.text-right {text-align: center;}
    .footer-text{ text-align: center; margin-bottom: 15px;}

    .slider_section .layer-2{top: 12.9%;}
    .slider_section .layer-8 {
        top: 11.5%;
    }

    .header-transparent .is-fixed .main-bar h1.ht-site-title {
        position: relative;
        top: 60px;
        text-align: center;
    }

    header.site-header span.text, .single-header-info span.theme-color {
        font-size: 14px;
    }
    .slider_section::after{ left: -4%; bottom: -20.8%; width: 104%; }

    .features-area .owl-carousel .owl-nav button.owl-next{ right: -25px; }
    .features-area .owl-carousel .owl-nav button.owl-prev{ left: -25px;  }

    .bx-controls-direction { display: none;  }
    .slider_section .layer-3{ top: 50.9%; }

    header.site-header .d-flex, div#navbarNavDropdown {margin: 0 0% !important; }
    div#navbarNavDropdown{  margin: 0%; }

    .slider_section .box{ right: 0; }
    .slider_section .box-hover, .box-hover-2, .slider_section .box{ width: 700px; }
    .ht-site-description{padding-top: 0; }

    .header-top-container{ padding:0px !important; }

    .header-transparent .is-fixed .main-bar{position: static !important;}
    .header-transparent .is-fixed .main-bar h1.ht-site-title,
    .header-transparent .is-fixed .main-bar p.ht-site-description { display: block;}
    .navigation .mainmenu li a:after{ content: none; }
    .navigation .mainmenu li ul li{ box-shadow: none; padding-left: 0; }
    .sf-arrows .sf-with-ul:before{ right: 40px !important; }

    .header-seo.header-transparent .is-fixed .main-bar {background-color: transparent !important;padding: 0;}
    .top-bar-head {padding: 0.5em 1em; width: 100%; }
    div#navbarNavDropdown li.current_page_item a:after, .current_page_item > a:after{width: 0;}
    .header-seo.header-transparent .is-fixed .main-bar img {
        position: relative;
        top: 80px;
    }
    .header-seo.header-transparent .is-fixed .main-bar .resp_header_logo{display: block;}
}

@media screen and (max-width: 747px){
    .slider_gradiant {
        right: 0%;
    }
    .img-slide-responsive {
        position: absolute;
        right: auto;
    }
    .slider_content {
        left: 56%;
        top: 70%;
    }

}
@media only screen and (max-width: 767px) {
    #innerpage-box .lz-gallery-images {
        width: 50%;
    }
}
@media screen and (max-width: 667px){ 
    #about .peccular-about-imgbox .abtexpeience p {
        font-size: 18px;
    }
    #about .peccular-about-imgbox .abtexpenumbox h2 {
        font-size: 45px;
    }
    #programs img.programtopimg{
        display: none;
    }
    #programs .peccular-section-head h2 {
        padding-left: 0 !important;
    }
    #programs .peccular-section-head img {
        top: 25px;
        height: 55px;
    }
    #about .peccular-section-area-textlist ul li, #about .peccular-section-area-textlist ol li, #about .peccular-section-area-textlist {
        margin-bottom: 5px;
    }
    #about .peccular-section-area-textlist ul {
        margin-bottom: 0em;
    }
    #programs .peccular-section-head h2 {
        margin: 0 auto 15px auto;
    }
    #programs .peccular-program-img img {
        height: 510px !important;
    }
    #facility .peccular-facility-single {
        margin: 0 25px 40px;
    }
    #events .peccular-events-single {
        margin-right: 0;
    }
    #events .peccular-events-single .peccular-events-img img {
        height: 400px !important;
    }
    #muzicvideo .peccular-section-head h2 img {
        top: 23px;
        height: 55px;
    }
    #muzicvideo .peccular-section-head h2 {
        margin: 0 auto 0px auto;
    }
    div#testimonials {
        padding: 0em 0 0em 0em !important;
    }
    .peccular-team-box {
        padding: 0;
    }
    #team .peccular-team-single {
        padding: 0 0 0px;
        margin: 0px 10px 30px;
    }
    #team .peccular-team-image {
        height: 428px !important;
    }
    .popup_content {
        margin-left: 50px;
        margin-right: 50px;
    }
    #team {
        padding: 0 !important;
    }
    #blog {
        padding-top: 0 !important;
    }
    #blog .peccular-blog-posts .peccular-box-area-S {
        padding: 0;
    }
    #blog .peccular-blog-posts .peccular-box-area-S:nth-child(1),
     #blog .peccular-blog-posts .peccular-box-area-S:nth-child(3),
      #blog .peccular-blog-posts .peccular-box-area-S:nth-child(5), 
      #blog .peccular-blog-posts .peccular-box-area-S:nth-child(7), 
      #blog .peccular-blog-posts .peccular-box-area-S:nth-child(9), 
      #blog .peccular-blog-posts .peccular-box-area-S:nth-child(11),
     #blog .peccular-blog-posts .peccular-box-area-S:nth-child(13) {
        padding-right: 10px;
     }
     #blog .peccular-blog-thumbnail img, #blog .peccular-blog-thumbnail, #blog .peccular-blog-post {
        height: 450px !important;
     }
     #newsletter .peccular-section-head {
        margin-bottom: 1em;
    }
    .image-icon {
        bottom: 0;
        position: relative;
    }
    .footer-area .single-footer-1, .page-template-home-template .footer-area .single-footer-1, .page .footer-area .single-footer-1, .single .footer-area .single-footer-1 {
        margin-bottom: 1em;
    }

}
@media screen and (max-width: 640px){
    .slider_gradiant {
        right: 0%;
    }
    .slider_content {
        left: 73%;
    }
    .about-exp-area {
        left: -12px;
        width: 110px;
        height: 110px;
        font-size: 11px;
    }
    .about-exp-area b {
        font-size: 22px;
    }
    #whychooseus .section-title h2 {
        font-size: 18px;
    }
    #whychooseus .section-subtitle h3 {
        font-size: 40px;
        line-height: 40px;
    }
    .whychooseus-btn a {
        padding: 20px 50px;
    }
    .lz-gallery-images img {
        height: 400px;
    }
    div#contact .ht-contact-member-wrap input[type="submit"] {
        padding: 15px 40px;
        font-size: 13px;
    }
    .p-single-bx {
        margin: 0 0em 1em;
    }
    .blog-img-in:after {
        border-width: 0px 0 75px 50px;
        top: -2px;
    }
    .blog-img-area:after {
        border-width: 0px 0 70px 85px;
    }
    .tp-loop-wrap.rs-wave {
        min-width: 620px !important;
    }
    .slider-btn {
        margin-top: 0.5em;
    }
    .aboutarea-dotimg {
        right: 81px;
        bottom: -28px;
        width: 200px;
    }
    div#whychooseus {
        position: relative;
        overflow: hidden;
    }
    .woocommerce .woocommerce-product-rating .star-rating {
        height: 4em;
    }
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, 
    .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
        margin-bottom: 10px;
    }
    /*.page-main-header {
        padding: 30em 0 3.5em!important;
    }*/
    body.page-template-default #innerpage-box .peccular-team-area:nth-child(even) .peccular-team-single {
        top: 0;
    }
    body.page-template-default #innerpage-box .peccular-team-area .peccular-team-single{        
        margin-bottom: 20px;
    }
    .mainbottom-header .header-rightbox {
        width: 100%;
    }
    .mainbottom-header .header-rightbox .head-menu-icon {
        width: 10%;
    }
    .top-bar-head .head-menu {
    width: 21%;
    position: relative;
    }
    .header-btn-w {
    width: 80%;
    position: relative;
    left: -80px;
    }
    .hamburger-menus {
    top: 8px !important;
    right: -235px !important;
}
    .site-header {
        position: relative !important;
            padding-bottom: 1em;
    }
    .slider-w {
        width: 100%;
    }
    .slide-inner .slider-inner-mainbox {
        left: -100%;
    }
    .hero-slider .sliderimg {
        height: 400px;
    }
    .slide-inner .slider-inner-mainbox {
    top: 435px;
}
.hero-slider , .slider-area{
    height: 755px !important;
}

.hero-slider {
    top: 3em;
}
.list-w {
    padding: 0 15px;
}
#about .peccular-section-area-textlist ul li, #about .peccular-section-area-textlist ol li, #about .peccular-section-area-textlist {
    margin-bottom: 10px;
}
#about .peccular-section-area-textlist ul li, #about .peccular-section-area-textlist ol li, #about .peccular-section-area-textlist {

    margin-bottom: 0;
}
#about .peccular-section-area-textlist ul {
    margin-bottom: 0;
}
#programs .peccular-section-head h2 {
    padding-left: 0 !important;
}
#programs {
    padding-top: 0 !important;
}
.peccular-muzicvideo-area .peccular-muzicvideo-b, #muzicvideo .peccular-muzicvideo-single .peccular-muzicvideo-img iframe, #innerpage-box .peccular-muzicvideo-b, #innerpage-box .peccular-muzicvideo-single .peccular-muzicvideo-img iframe, #innerpage-box .peccular-main-area .peccular-main-b, #innerpage-box .peccular-main-single .peccular-main-img iframe {
    width: 100%;
}
#innerpage-box .peccular-muzicvideo-b:nth-child(3), #innerpage-box .peccular-muzicvideo-b:nth-child(4), #innerpage-box .peccular-muzicvideo-b:nth-child(9), #innerpage-box .peccular-muzicvideo-b:nth-child(10), #innerpage-box .peccular-muzicvideo-b:nth-child(15), #innerpage-box .peccular-muzicvideo-b:nth-child(16), #innerpage-box .peccular-muzicvideo-b:nth-child(21), #innerpage-box .peccular-muzicvideo-b:nth-child(22), #innerpage-box .peccular-muzicvideo-b:nth-child(27), #innerpage-box .peccular-muzicvideo-b:nth-child(28) {
    width: 100%;
}
.peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(3), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(4), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(9), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(10), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(15), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(16), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(21), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(22), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(27), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(28) {
    width: 100%;
}
div#testimonials {
    padding: 0em 0 4em 0em !important;
}

#testimonials .peccular-testimonials-image {
    height: 340px;
    left: 0;
}
#testimonials .peccular-testimonials-image img {
    height: 340px;
}
#testimonials .peccular-testimonials-content {
    top: 352px;
    margin-top: 0;
    padding-right: 0;
}
#big .owl-item {
    height: 650px;
}
#testimonials .peccular-testimonials-content p {
    font-size: 16px;
}
#testimonials .thumb-area .owl-item {
    width: 16% !important;
    margin-right: 10px;
}
#testimonials .thumb-area .owl-item:nth-child(2) {
    margin-left: 0;
}
#testimonials .thumb-content #thumbs img , #testimonials .thumb-content #thumbs .owl-item.active.current img{
    height: 115px;
}
#testimonials .thumb-area .owl-carousel ,#testimonials .thumb-area {
    height: 200px;
}
#contact .peccular-contact-member-wrap {
    width: 80%;
}
#contact .peccular-contact-member-wrap label {
    left: -92px;
}
#products-austrak a:nth-child(3), #products-sherings a:nth-child(3), #products-austrak a:nth-child(5), #products-sherings a:nth-child(5), #products-austrak a:nth-child(7), #products-sherings a:nth-child(7), #products-austrak a:nth-child(11), #products-sherings a:nth-child(11), #products-austrak a:nth-child(15), #products-sherings a:nth-child(15), #products-austrak a:nth-child(17), #products-sherings a:nth-child(17), #products-austrak a:nth-child(21), #products-sherings a:nth-child(21) {
    width: 100%;
}
#gallery #products-austrak a, #gallery #products-sherings a, #gallery #products-austmark a {
    margin: 0 0 12px !important;
}
#blog .peccular-blog-posts .peccular-box-area-S:nth-child(1), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(2), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(5), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(6), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(7), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(8), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(12), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(11) {
    width: 100%;
}
#blog .peccular-blog-posts .peccular-box-area-S:nth-child(3), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(4), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(9), #blog .peccular-blog-posts .peccular-box-area-S:nth-child(10) {
    width: 100%;
}
.w-h-100 {
    width: 100%;
}
.image-icon {
    position: relative;
}
.hero-slider .slide-inner {
    top: 0;
}
.w-f-11 {
    width: 90%;
}
.w-f-1 {
    width: 10%;
}
img.ht-page-header-img {
    border-radius: 0;
    top: 10px;
}
.site-details {
    padding-top: 10px;
}

}

@media screen and (min-width: 639px) and (max-width: 722px){

    .slider_content {
        width: 232px;
        margin-left: -375px;
        top: 66%;
        left: 55%;
    }
    .tp-loop-wrap.rs-wave {
     min-width: 722px !important;
 }
 .img-slide-responsive {
    right: auto;
}

}


@media screen and (min-width: 627px) and (max-width: 685px){

    .slider_content {
        width: 232px;
        margin-left: -375px;
        top: 66%;
        left: 61%;
    }
    .tp-loop-wrap.rs-wave {
        min-width: 490px !important;
    }
    .img-slide-responsive {
        right: 490px;
    }

}
@media screen and (min-width: 521px) and (max-width: 621px){

    .slider_content {
        width: 232px;
        margin-left: -375px;
        top: 66%;
        left: 63%;
    }
    .tp-loop-wrap.rs-wave {
        min-width: 475px !important;
    }
    .img-slide-responsive {
        right: 475px;
    }

}


@media screen and (min-width: 521px) and (max-width: 594px){

.slider_content {
     top: 66%;
     left: 73%;
 }
 .tp-loop-wrap.rs-wave {
    min-width: 380px !important;
}
.img-slide-responsive {
    right: 380px;
}

}



@media screen and (max-width: 520px){
    #featuredproduct .col-md-3 {
        width: 100%;
        padding: 15px;
    }
    #newarrival .col-md-3.na_area {
        width: 100%;
    }
    .slider_section .title {
        font-size: 25px;
        line-height: 25px;
    }
    .slider_section .title b {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .slider_section .sub-title {
        font-size: 12px;
        line-height: 14px;
    }
    .slider_section a.btn {
        font-size: 11px;
        padding: 10px 20px;
    }

    .total-count .count {
        right: 15px;
        width: 15px;
        height: 15px;
        line-height: 7px;
    }
    .total-count img {
        width: 15px;
        height: 20px;
    }
    .total-count {
        padding: 18px 25px;
    }
    .slider_content {
       top: 68%;
       left: 85%;
       z-index: 999;
   }
   .img-slide-responsive {
    right: auto;
}
.hamburger-menus {
     top: -35px;
    right: -223px !important;
}

.top-bar-head .head-menu {
    padding-right: 0em;
}
#ht-contactus-wrap .Address_area {
    padding: 5em 3em;
}
.footer-area .overlay{
    padding: 0!important;
}
.single-footer-1 {
    padding: 2em 0 2em 1em;
    margin-bottom: 0em;
}
.s-footer {
    margin-bottom: 1em;
}
.single-footer-2 {
    border-left: none;
    padding: 0;
    padding-left: 1em;
    margin-left: 0%;
}
#innerpage-box .ts-area-thumb img {
    width: 100px;
    height: 100px;
}

body.page-template-default main#innerpage-box h6.ts-area-title {
    margin-top: 10px;
}
.aboutarea-dotimg {
    right: 48px;
    bottom: -28px;
    width: 200px;
}
#innerpage-box .peccular-testimonials-image img, #innerpage-box .peccular-testimonials-image-c {
    width: 150px;
    text-align: left;
}
#innerpage-box .peccular-testimonials-single {
    margin-bottom: 40px;
}
#content-box ol li {
    padding-left: 55px;
}
.p-c-d-w.p-0 {
    width: 85%;
}
.p-c-im-w.p-0 {
    width: 15%;
}
#innerpage-box .social-label {
    width: 33%;
}
#innerpage-box .peccular-contact-socials {
    width: 67%;
}
#testimonials .peccular-testimonials-content {
    top: 0;
}
#testimonials .thumb-area .p-dynamic-col {
    padding: 0;
}
#testimonials .peccular-testimonials-image {
    width: 100% !important;
}
#events .peccular-events-single {
    margin-bottom: 0em;
}
.peccular-events-w {
    margin-bottom: -40px;
}
#events .eventheadingbox h2 img {
    top: 10px;
}
#events {
    padding-top: 0em;
}
#events .owl-carousel .owl-nav button.owl-prev {display: none}
#muzicvideo {
    padding-top: 1em !important;
}
#muzicvideo .peccular-section-head {
    margin: 0 0 2.5em;
}

}


@media screen and (min-width: 320px) and (max-width: 475px){
    .slider_content {
       top: 68%;
       left: 105%;
       z-index: 999;
   }
   .img-slide-responsive {
    right: auto;
}
main#innerpage-box #blog-box .socialMedia ul li a.site-button{
    width: 40px;
    line-height: 40px;
    height: 40px;
}
main#innerpage-box #blog-box .socialMedia ul li {
    margin-left: -40px;
}
.page_featured {
    margin: 0 2em;
    margin-bottom: 1em;
    padding: 3em 4em;
    /*  background-position: center!important; */
}
body.page-template-default main#innerpage-box h1, #ht-contactus-wrap h1 {
    font-size: 22px !important;
}
.breadcrumbbox {
    padding: 0;
}
.ht-main-title {
    font-size: 22px !important;
    line-height: 30px;
    margin-top: 0 !important;
}
#innerpage-box .lz-gallery-images {
    width: 100%;
}
}
@media screen and (min-width: 320px) and (max-width: 475px){
    .woocommerce ul.products li.product .woocommerce-loop-category__title, 
    .woocommerce ul.products li.product .woocommerce-loop-product__title, 
    .woocommerce ul.products li.product h3{
        font-size: 20px !important;
    }
    .single-productpage .innerpage-whitebox{
        padding: 0;
    }
    .woocommerce-page.columns-3 ul.products li.product, 
    .woocommerce.columns-3 ul.products li.product {
        width: 30.75%;
        width: 100% !important;
    }
    #blog-box h2{
        font-size: 22px !important;
    }
    div#blog-box.innerpage-whitebox {
        padding: 0em 1em 2em 1em;
    }
    .slider_section .char{
        font-size: 12px;
        height: 20px;
    }
    .slider_section p{
        width: 90%;
        font-size: 12px;
        line-height: 20px !important;
        padding: 0;

    }
    .ht-slide-cap-desc{
     font-size: 28px;
     line-height: 35px;
     margin-bottom: 10px;
 }
}

@media screen and (max-width: 475px){
    .img-slide-responsive {
        right: 605px;
    }
}
@media screen and (max-width: 425px){
    .img-slide-responsive {
        right: 590px;
    }
}
@media screen and (min-width: 320px) and (max-width: 475px){

    .footer-area .footerlayer-3{bottom: 10%;}
    .footer-area .footerlayer-2{bottom: 40%;}
    .footer-area .footerlayer-1{top: 2%;left: 35.3%;}
    .footer-bottom-area ul li { margin: 0 10px;}
    .footer-text, .footer-area li{font-size: 14px;}

    .newsletter-area div.wpcf7 input[type="file"]{left: 25%;}

    .features-area::before, .pricing-area::after {
        width: 0;
    }
    .slider_section i.fa{font-size: 10px;}
    .slider-social-icon > span{letter-spacing: 0;}
    .slider_section .layer-3 img {
        width: 30px;
    }
    .slider_section .layer-7{    right: 34.3%;bottom: 15%;}
    .slider_section .layer-7 img{width: 17px;}

    .slider_section .layer-1 img{width: 14px;}
    .slider_section .layer-1{top: 3.5%;}

    .header-transparent .is-fixed .main-bar h1.ht-site-title{top: 35px;}
    .resp_head_box{margin-bottom: 0;}
    .header-seo.header-transparent .is-fixed .main-bar img { top: 55px;}
    .header-seo.header-transparent .is-fixed .main-bar img { top: 50px;}
    div#sb-search {margin-left: 0;}
    header.site-header input[type="search"]{width: 100%;}
    header.site-header span.sb-icon-search,
    header.site-header input[type="submit"]{right: 0;}

    .pricing-area .layer-part-1{ top: 25%;}
    div#pricing{ padding: 5em 0 2em 0em !important;}

    .slider_section::after, .pricing-area::after{width: 0;}

    .slider_section div.slider-social-icon { left: 90px; top: 88%;    transform: rotate(0deg);}
    .social-icon-container a {font-size: 8px;padding: 0 2px; margin: 0 4px;}
    .slider_section .layer-5 img,.slider_section .layer-8 img{ width: 25px;}

    .slider_section .layer-6 img, .slider_section .layer-4 img{width: 15px; }
    .slider_section .layer-3 img{ width: 40px; }
    .slider_section .layer-8{top: 10.5%;}
    .slider_section .layer-6 { bottom: 10%;right: 62.4%;}
    .slider_section .layer-5 { bottom: 92px; }
    .slider_section .layer-4 { top: 73.5%; }
    .slider_section .box-hover, .box-hover-2, .slider_section .box { width: 380px;}
    .slider_section .btn:hover:before{top: 6px; }
    .slider_section .box-hover, .box-hover-2{height: 340px;}
    .slider_section .box-hover, .box-hover-2{ margin-top: 0; }

    .slider_section .btn{font-size: 14px; padding: 8px 32px 8px 32px;}
    .slider_section .box{ height: 325px; right: 0%;}

    .single-header-info { text-align: center; padding: 0;}

}


@media screen and (min-width: 320px) and (max-width: 375px){
    .slider_section .box-hover, .box-hover-2, .slider_section .box { width: 360px; }
    .slider_section .box-hover, .box-hover-2{height: 305px; }
    .slider_section .box{ height: 300px;}

    .slider_content {
        top: 63%;
        left: 110%;
        z-index: 999;
        width: 315px;
    }
    .tp-loop-wrap.rs-wave {
       min-width: 375px !important;
   }
   .img-slide-responsive {
    right: auto;
}
.slider_section .title {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
}
.slider_section .title b {
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 500;
}
.slider_section .sub-title {
    font-size: 13px;
    line-height: 13px;
}
.slider-btn {
    margin-top: 0.5em;
}
.ht-site-title, .site-title {
    font-size: 16px;
}
.ht-site-description {
    font-size: 10px;
}
.header-share {
    right: 4px;
}
.navicon {
    top: -60px !important;
}
.page_featured {
    margin-bottom: 1em;
    padding: 2em 4em;
}
#ht-contactus-wrap .Address_area {
    padding: 3em 3em;
}
.blog-area .blog-thumbnail img {
    height: 105px;
}

#innerpage-box .ts-area-thumb img {
    width: 80px;
    height: 80px;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
    padding: 10px 5px;
    font-size: 13px;
}
#contact .peccular-contact-member-wrap label {
    left: -72px;
}
#facility .music-class3 h2 {
    top: 0;
}
.hero-slider .sliderimg {
    height: 330px;
}
.slide-inner .slider-inner-mainbox {
    top: 388px;
}
.hero-slider, .slider-area {
    height: 690px !important;
}
.hero-slider .sliderimg, .slider-area img.slide-mainimg {
    border-radius: 7px 210px 43px 11px;
}
.hamburger-menus {
    right: -195px !important;
}
#about .peccular-section-head h2 {
    margin-bottom: 20px;
}
}

@media screen and (min-width: 320px) and (max-width: 360px){

    .slider_content {
        left: 118%;
    }
    .blog-area .blog-thumbnail img {
        height: 75px;
    }
main#innerpage-box .ht-blog-thumbnail img, #innerpage-box .inner-blogpost {
    height: 420px !important;
}
  .wcu-single-top {
    padding: 0 5px;
}
.lz-gallery-images img {
    height: 300px;
}

div#contact .appont-mg {
    width: 80%;
}
div#contact .ht-contact-member-wrap input[type="submit"] {
    padding: 12px 30px;
    font-size: 12px;
}
.testimonials-area .ts-area-thumb img {
    width: 85px !important;
    height: 60px;
}
.blog-img-in:after {
    border-width: 0px 0 75px 30px;
}
.blog-img-area:after {
    border-width: 0px 0 70px 39px;
}
.tp-loop-wrap.rs-wave {
    min-width: 360px !important;
}
.aboutarea-dotimg {
    right: 39px;
    bottom: -28px;
    width: 135px;
}
.hero-slider .sliderimg, .slider-area img.slide-mainimg {
    border-radius: 7px 160px 43px 11px;
}
.hamburger-menus {
    right: -158px !important;
}
.mainbottom-header .header-rightbox .head-menu-icon {
    width: 10%;
    position: relative;
    left: -9px;
    top: -5px;
}

#about .peccular-section-head h2 {
    margin-bottom: 20px;
}

}

@media screen and (min-width: 320px) and (max-width: 320px){
    .features-area h2, div#about .section-title h2, .pricing-area h2, .newsletter-area h2 {
        font-size: 30px;
    }
    .slider_section div.slider-social-icon{left: 45px;}
    .header-transparent .is-fixed .main-bar h1.ht-site-title {
        top: 45px;
    }

    .slider_section .box-hover, .box-hover-2, .slider_section .box {width: 300px;}
    .slider_section .box-hover, .box-hover-2 { height: 270px; }
    .slider_section .box {height: 275px;}

    .slider_section .title { font-size: 13px; }
    .slider_section .sub-title { font-size: 15px;}

    .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-size: 15px;}

    .ht-slide-cap-desc { line-height: 15px;}
    .woocommerce div.product .woocommerce-product-rating {line-height: 5 !important;}
    .star-rating {padding-top: 9px;}

    .toggle-bar {right: 25px !important;}
    .slider_section .title {
      font-size: 15px;
      line-height: 15px;
      margin-bottom: 0;
  }
  .slider_section .title b{
      font-size: 15px;
  }
  .slider_section .sub-title {
    line-height: 15px;
    font-size: 11px;
}
.slider_content {
    left: 130%;
    width: 275px;
}
.total-count {
    padding: 18px 36px;
}
.total-count .count {
    right: 24px;
}
.total-count .count {
    right: 10px;
}
.total-count {
    padding: 18px 20px;
}
.slider-btn {
    margin-top: 0.3em;
}
.slider_section a.btn {
    font-size: 10px;
    padding: 7px 12px;
}
.page_featured {
    margin-bottom: 0em;
}
.tp-loop-wrap.rs-wave {
    min-width: 320px !important;
}
#innerpage-box .ts-area-thumb img {
    width: 60px;
    height: 60px;
}

}

main#innerpage-box .widget-area ul li:last-child{
    margin-bottom: 0;
}
main#innerpage-box .widget-area .widget_categories ul li.cat-item{

    width: 100% !important;    
   
}
main#innerpage-box .widget-area .widget_categories ul li.cat-item a{
    margin-right: 15px !important;
}
main#innerpage-box .widget-area .widget_archive ul li{

    width: 100% !important;   
}
main#innerpage-box .widget-area .widget_archive ul li a{
    margin-right: 15px !important;
}
 main#innerpage-box .widget-area .widget_nav_menu ul {
    background: none !important;
    padding: 0 !important;
 }

 
 main#innerpage-box .widget-area .widget_nav_menu ul li{ 
    border: 0;
    position: relative;
    display: block;
    background: #F64A29;
    border-radius: 0 30px 30px 0;
    margin-bottom: 20px;
    padding: 12px 70px 11px 18px;
}
 main#innerpage-box #content-box .widget-area .widget_nav_menu ul li:before{ 
display: none;
}


main#innerpage-box .widget-area .widget_nav_menu ul li:last-child{
    margin-bottom: 0;
}


main#innerpage-box .widget-area .widget_nav_menu ul li a{
    display: block;
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 23px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

main#innerpage-box .widget-area .widget_categories ul li:before,
main#innerpage-box .widget-area .widget_archive ul li:before,
main#innerpage-box .widget-area .widget_recent_entries ul li:before,
main#innerpage-box .widget-area .widget_recent_comments ul li:before,
main#innerpage-box .widget-area .widget_meta ul li:before,
main#innerpage-box .widget-area .widget_pages ul li:before,
.widget_block .wp-block-group__inner-container ul li:before,
.widget_block ol.wp-block-latest-comments li:before,
main#innerpage-box .widget-area ul.product-categories li:before{
    content: "";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    font-size: 12px;
    border: 2px solid;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    background: #fff;
    width: 15px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 10px;
}
main#innerpage-box .widget-area .widget_categories ul li:after,
main#innerpage-box .widget-area .widget_archive ul li:after,
main#innerpage-box .widget-area .widget_recent_entries ul li:after,
main#innerpage-box .widget-area .widget_recent_comments ul li:after,
main#innerpage-box .widget-area .widget_meta ul li:after,
main#innerpage-box .widget-area .widget_pages ul li:after,
.widget_block .wp-block-group__inner-container ul li:after,
.widget_block ol.wp-block-latest-comments li:after,
main#innerpage-box .widget-area ul.product-categories li:after {
    content: "";
    font-family: 'Fontawesome';
    margin-right: 10px;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    display: inline-block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    font-size: 12px;
    border: 2px solid;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    background: #F64A29;
    width: 10px;
    height: 8px;
    position: absolute;
    z-index: 2;
    left: 2px;
    top: 12.5px;
    color: #fff;
}
main#innerpage-box .widget-area .widget_recent_comments ul li:hover:before{
    transform: scale(1.4);
}

/*-----------widgets--------------------*/
main#innerpage-box .wpcf7 form .wpcf7-response-output {
    margin: 1em 0.5em 1em;
    
}

main#innerpage-box .widget-area .widget_nav_menu ul li a:hover, 
main#innerpage-box .widget-area .widget_nav_menu ul li.current-menu-item a{
    color: #170864 !important;}
main#innerpage-box .widget-area .widget_nav_menu ul li:hover a:after,
main#innerpage-box .widget-area .widget_nav_menu ul li.current-menu-item a:after{ 
    background: #fff !important; 
    color: #170864 !important ;}
main#innerpage-box .widget-area .widget_nav_menu ul li a:after {
    content: '\f103';
    font-family: FontAwesome;
    position: absolute;
    top: -5px;
    right: -62px;
    -webkit-transition: width 0.3s linear;
    transition: width 0.3s linear;
    z-index: 1;
    height: 33px;
    width: 33px;
    line-height: 0px;
    border-radius: 0%;
    text-align: center;
    font-size: 20px;
    padding-left: 2px;
    padding: 16px 9px 8px;
    font-weight: 600;
    background: #DCE1E5;
    box-shadow: 0px 0px 4px #FF7703;
    border-radius: 22px;
    color: #FF7703;
}
main#innerpage-box .widget-area .widget_nav_menu ul li:after {
    transition: all 0.3s ease;
    content: "";
    /* font-size: 14px; */
    color: #0000001A;
    position: absolute;
    right: 70px;
    top: 0;
    z-index: 5;
    height: 100%;
    width: 5px;
    text-align: center;
    background: #e5e5e5;
    opacity: 1;
}


main#innerpage-box .tagcloud a, main#innerpage-box .widget_tag_cloud a {
padding: 0px 2px;
    display: inline-block;
}
div#secondary select option {
    background: transparent;
}

body.home.blog .page-main-header img {
    display: none;
}
.woocommerce ul.cart_list li, 
.woocommerce ul.product_list_widget li{
    padding: 5px 0;
}
h1.product_title.entry-title {
    word-break: break-word;
}
.select2-container--default .select2-selection--single,
.woocommerce .quantity .qty,
div#payment,
#coupon_code{
    background: transparent !important;
}
#content-box li.blocks-gallery-item:before {
    content: none;
}
div#content-box li.blocks-gallery-item figure img {
    padding: 5px;
    margin-bottom: 0;
}
div#content-box li.blocks-gallery-item figure img:hover,
div#sitemap-box .sitemap-posts-box img:hover{
    opacity: 0.7;
}
main#innerpage-box ul.children {
    border: 0;
}
.woocommerce-MyAccount-content .woocommerce-info {
    background: transparent !important;
}


/**/
.slider-btn li {
    display: inline-block;
    padding-right: 10px;
}
div#ourclient .section-title h2 {
    font-size: 24px;
    letter-spacing: 8px;
    margin-bottom: 0;
}
div#ourclient .section-subtitle h3 {
    font-size: 58.57px;
    font-weight: 600;
    line-height: 63px;
    margin-bottom: 0;
    margin-top: 5px;
}

/* about new */
div#aboutnews .section-title h2,
section#video .section-title h2 {
    font-size: 24px;
    letter-spacing: 8px;
    margin-bottom: 0;
}
div#aboutnews .section-subtitle h3,
section#video .section-subtitle h3 {
    font-size: 58.57px;
    font-weight: 600;
    line-height: 63px;
    margin-bottom: 0;
    margin-top: 5px;
}
div#aboutnews {
    position: relative;
    z-index: 2;
}
div#aboutnews .border-about{
    background: url(images/topborder.png) repeat-x 0 0;
    height: 20px;
    position: relative;
}
div#aboutnews .Aboutnewsarea-img img {
    width: 100%;
    height: 100%;
    transition: all 1s ease 0s;
}
div#aboutnews .section-title h4,
div#aboutnews .section-title h4 small {
    color: #121935;
    font-size: 49px;
    font-weight: 700;
    text-align: left;
}
div#aboutnews .section-post{
    font-size: 23px;
    margin: 0;
    padding: 18px 0;
}
div#aboutnews .country{
    font-size: 18px;
}
div#aboutnews .section-area-text {
    font-size: 18px;
    font-weight: 400;
    padding: 10px 0;
}
div#aboutnews .contex-aboutnews {
    padding:7em 5em 1em;
    border: 1px solid #09c567;
    border-left: none;
}

div#aboutnews .Aboutnews-inn {
    z-index: 1;
    overflow: hidden;
}
div#aboutnews .abt-img {
    position: relative;
    overflow: hidden;
}
div#aboutnews .abt-img:before{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: '';
    -webkit-transition: -webkit-transform 0.9s;
    transition: -webkit-transform 0.9s;
    -o-transition: transform 0.9s;
    transition: transform 0.9s;
    transition: transform 0.9s, -webkit-transform 0.9s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -120%, 0);
    z-index: 1;
    opacity: 0.3;
}

div#aboutnews .Aboutnews-inn:hover .abt-img:before {
  -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0);
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 120%, 0); 
}

div#aboutnews .abt-img img {
    width: 100%;
}

/**/
.title.animated.fadeInDownBig {
    word-break: break-word;
    font-weight: 800;
    background: -webkit-linear-gradient(
        45deg
        , #4a8bec, #45238b 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section#video embed, 
section#video iframe, 
section#video object {
    max-width: 100%;
    width: 100%;
}

/* header section */
.maintop-header select {
        color: #000000;
    height: 40px;
    line-height: 2;
    font-weight: 600;
}
header.site-header .heighlightheader {
    background: #E11D07;
    -webkit-clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    position: relative;
        padding: 5px;
        top:15px;
}

.heighlightheader .widget{
    margin:0 !important;
}
.header-social-links .widget{
    margin:0 !important;
}
.maintop-header .menu-content {
    float: left;
}
body.home .inner-text-label {
    display: none;
}

.inner-text-label {
    position: absolute;
    top: 10rem;
    left: 30rem;
    /* text-align: center; */
    width: 100%;
    /* float: right; */
    text-align: left;
    font-size: 22px;
    font-weight: bold;
        word-break: break-word;
}

@media (max-width:992px){
    .inner-text-label{
        width: 80%;
    }
    header.site-header .maintop-header .hamburger-menus span{
        background-color: #000;
    }
#newsletter {
    top: 0;
    background: #F64928;
    padding: 1em 0 !important;
    z-index: 0;
    position: relative;
}
#newsletter .newsletter-bg svg {
    display: none;
}
.footerareabox, .page .footerareabox {
    margin: 0px 0 0 0;
}
#newsletter .newsletter-sign-box {
    width: 100% !important;
    top: 0;
    height: auto;
}

#blog .peccular-blog-posts .peccular-box-area-S {
    padding: 0 10px 0 0;
}
#blog .peccular-blog-thumbnail img, #blog .peccular-blog-thumbnail, #blog .peccular-blog-post {
    height: 400px !important;
}
#blog {
    padding-top: 0 !important;
}
#team {
    padding-bottom: 0em !important;
}
.peccular-muzicvideo-area .peccular-muzicvideo-b, #muzicvideo .peccular-muzicvideo-single .peccular-muzicvideo-img img, #muzicvideo .peccular-muzicvideo-single .peccular-muzicvideo-img iframe, #innerpage-box .peccular-muzicvideo-b, #innerpage-box .peccular-muzicvideo-single .peccular-muzicvideo-img img, #innerpage-box .peccular-muzicvideo-single .peccular-muzicvideo-img iframe, #innerpage-box .peccular-main-area .peccular-main-b, #innerpage-box .peccular-main-single .peccular-main-img img, #innerpage-box .peccular-main-single .peccular-main-img iframe {
    height: 180px;
}
.peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(3), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(4), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(9), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(10), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(15), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(16), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(21), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(22), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(27), .peccular-muzicvideo-area .peccular-muzicvideo-b:nth-child(28) {
       height: 180px;
}
#about a {
    font-size: 15px;
    line-height: 20px;
}
#events .peccular-events-single .peccular-events-img img {
    height: 450px !important;
}
}
@media (max-width:991px){
    header.site-header .heighlightheader{
            text-align: center;
    }
    .slider_section a.btn {
        padding: 15px 25px;
        font-size: 12px;
    }
}
@media (max-width:576px){
    .inner-text-label {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}
    header.site-header .maintop-header select{
padding: 3px;
    font-size: 14px;
    }
#wpadminbar {
    position: fixed;
}
.page-template-home-template .site-header {
    position: relative !important;
    background: transparent;
}
}