@mixin dispflex($displayflex, $justifycontent, $alignitems) {
    display: $displayflex; 
    justify-content: $justifycontent; 
    align-items: $alignitems;
}
@mixin navFlex($alignItems){
    align-items: $alignItems;
}
@mixin transition($time) {
    transition: all $time ease-in-out;
}
@mixin flex($percentage){
    flex:0 0 $percentage;max-width: $percentage;
}
@mixin menuLink{
    a{ 
        position: relative; 
        &::before{ content: ''; display: block; transition:all .3s ease-in-out;  position: absolute; bottom: -3px;left: 0;right: 0; width: 0; height: 3px; background: $primary-color;}
        &:hover::before{ width: 100%;}
    }
    &.active a::before{ width: 100%;}
}
@mixin imgCenter{ position: relative; background: $white-color;
    img{ position: absolute; left: 0;right: 0;top:0; bottom: 0;    max-height: 100%; margin: auto; width: auto !important;  }
}
@mixin solical_link{margin: 13px 0px 0px 0px;
    ul{@include dispflex(flex,flex-start,center);
        li{ font-size: 10px; padding-right: 10px;
            &:last-child{padding-right: 0px;}
            a{@include transition(0.2s);  background: #DCBD90; width: 30px; height: 30px;@include dispflex(flex,center,center); flex-direction: column; border-radius: 100%; color: #000;
            &:hover{color: #fff;@include transition(0.2s);transform: scale(1);}
        }
            &.facebook{
                a{
                    &:hover{background-color: #475993;}
                }
            }
            &.twitter{
                a{
                    &:hover{background-color: #55ACEE;}
                }
            }
            &.youtube{
                a{
                    &:hover{background-color: #D50000;}
                }
            }
            &.linkedin{
                a{
                    &:hover{background-color: #207CBA;}
                }
            }
            &.googleplus{
                a{
                    &:hover{background-color: #DC4E41;}
                }
            }
            &.instagram{
                a{
                    &:hover{background: #f09433; 
                        background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
                        background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
                        background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
                }
            }
            &.inquire_now{
                a{background-color: #000;}
            }
        }
    }
    }
@mixin h1_text { font-family: $fontfamilyPoppins; font-size:  76px; font-weight: 100; padding-bottom: 0px; line-height: 72px; text-align: left; }


@mixin large-desktop {
    @media (min-width: 2501px) and  (max-width: 3000px){ @content; }
}

@mixin big-desktop {
    @media (min-width: 1400px) and  (max-width: 2500px){ @content; }
}
@mixin desktop1680 {
    @media (max-width: 1700px) { @content; }
}
@mixin desktop1600 {
    @media (max-width: 1600px) { @content; }
}
@mixin desktop1440 {
    @media (max-width: 1500px) { @content; }
}
@mixin desktop1400 {
    @media (max-width: 1400px) { @content; }
}
@mixin desktop1366 {
    @media (max-width: 1366px) { @content; }
}
@mixin mini-desktop {
    @media (max-width: 1200px) { @content; }
}
@mixin tab_min{
    @media (min-width: 992px) { @content; }
}
@mixin tab1025{
    @media (min-width: 1025px) { @content; }
}
@mixin tab1024{
    @media (max-width: 1024px) { @content; }
}
@mixin tab{
    @media (max-width: 991px) { @content; }
}
@mixin mintab{
    @media (min-width: 768px) { @content; }
}
@mixin phone_tab1024  {
    @media (min-width: 768px) and  (max-width: 1024px){ @content; }
} 
@mixin phone_tab_min  {
    @media (min-width: 768px) and  (max-width: 991px){ @content; }
}

@mixin phone {
    @media (max-width: 767px) { @content; }
}
@mixin phone-xs {
    @media (max-width: 575px) { @content; }
} 
@mixin phone480 {
    @media (max-width: 480px) { @content; }
}
@mixin phone450 {
    @media (max-width: 450px) { @content; }
}
@mixin phone420 {
    @media (max-width: 420px) { @content; }
}
@mixin phone400 {
    @media (max-width: 400px) { @content; }
}
@mixin phone380 {
    @media (max-width: 380px) { @content; }
}
@mixin phone360 {
    @media (max-width: 360px) { @content; }
}
@mixin phone330 {
    @media (max-width: 330px) { @content; }
}