@media only screen and (min-width: 1900px)
{
    .virtue-image {
        width: 50%;
    }
    .feature-image {
        width: 50%;
    }
}
@media only screen and (min-width: 1800px)
{
    .virtue-image {
        width: 50%;
    }
    .feature-image {
        width: 50%;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1600px)

{
    .product-carousel .fa-arrow-alt-circle-left
    {
        left: 47%;
    }
    .product-carousel .fa-arrow-alt-circle-right
    {
        right:47%;
    }
    .slider .slick-arrow
    {
         top:69%;
    }
    .slider .slick-arrow.slick-next
    {
        left:-31%;
    }
    .feature-content ul li
    {
        font-size:14px;
    }
}
@media screen and (max-width:1600px )
{
    .virtue-image {
        width: 50%;
    }
    .feature-image {
        width: 50%;
    }
}
@media screen and (max-width:1025px )
{
    .container
    {
        width: 100%;
        padding-left:0px;
    }
    .partition-system {
        display:none;
    }
    header .logo
    {
        padding: 25px 10px;
    }
    .flexslider li .meta .banner-title {
        font-size: 40px;
    }
    .flexslider li .meta .content {
        padding: 16px 0px;
    }
    .menu ul li a {
        padding: 46px 22px;
    }
    .About-us{
        margin-bottom:0px;
    }
    .About-us-content {
         padding: 8% 20px;
        width: 50%;
    }
    .About-us-content p {
         width: 90%;
    }
    .dolore-content {
        width: 100%;
    }
    .counter-section {
        width:100%;
    }
    .counter-container {
       justify-content: center;
    }
    .title-image {
        padding: 0 15px;
    }
    .partistion-system {
        height: 540px;
    }
    .choice-title {
       padding-left: 20px;
    }
    .slider .slick-arrow {
        top: 95%;
    }
    .slider .slick-arrow.slick-prev {
        left: -39%;
    }
    .slider .slick-arrow.slick-next {
        left: -32%;
    }
    /*.product-title {*/
    /*    left: 22%;*/
    /*}*/
    .product-carousel .fa-arrow-alt-circle-right {
        left: 51%;
    }
    .form {
        margin: 0 auto;
    }
    .contain {
        margin: 60px auto;
    }
    .virtue-image {
        width: 650px;
    }
    .virtue-content {
        width: 30%;
    }
    .feature-image {
        width: 650px;
    }
    .tiltle-image {
        margin: 0px auto;
        width: 250px;
    }
    .feature-content ul li {
        line-height: 26px;
    }
    .image-box {
        width: 90%;
        margin: 0 auto;
    }
}
@media screen and (max-width:768px)
{
    header {
        align-items: center;
    }
    header.shrunk .logo img {
         width: 160px;
    }
    header .logo {
         width: 160px;
    }
    header .menu {
        display: none;
    }
    nav.icon-menu {
        display: flex;
        justify-content: space-evenly;
    }
    .dubont a img {
        width: 100px;
    }
    .flexslider li .meta .banner-title {
        font-size: 30px;
    }
    .flexslider li .meta .content-slider {
            width: 100%;
            padding: 8px 0px;
        }
    .flexslider li .meta .content p {
        font-size: 16px;
    }
    .know-btn a {
        padding: 10px 20px;
    }
    .flexslider li .meta .content-slider {
    width: 100%;
    padding: 8px 0px;
    }
    .icon {
        display: block;
        padding: 20px;
        font-size: 30px;
    }
    .menu-mobile {
        position: absolute;
        top: 100px;
        /* right: 0; */
        height:100vh;
        width: 100%;
        display:none;
        background: #000;
        text-align: center;
    }
    .menu-mobile ul li a {
        display: block;
       padding: 20px;
       font-size:24px;
       border-bottom: 1px solid #D3D3D3;
        color: #fff;
        text-transform: uppercase;
        font-family: 'corbel';
        transition:all 0.5s ease;
    }
    .menu-mobile ul li a:hover
    {
       background:#e80808;  
       color:#fff;
    }
    .social-icon {
        display: block !important;
    }
    .social-icon a {
        font-size: 26px;
        padding: 10px;
        color: #fff;
        display: inline-block;
    }
    .About-us 
    {
       flex-direction: column;
        padding:10% 0;
    }
    .About-us-content {
        width: 100%;
        padding:0px;
        text-align: -webkit-center;
    }
    .dolore-content p {
         width: 90%;
    }
    .counter-content{
        flex-direction: column;
    }
    .counter-container {
        align-items: center;
        flex-direction: column;
        padding: 13px 0;
    }
    .counter-container p {
        text-align:center;
    }
    .gallery
    {
        display:none;
    }
    .gallery-mobile
    {
        display:block;
        font-family: GOTHICB;
    }
    .one:hover span,.two:hover span,
    .three:hover span,.four:hover span
    {
        bottom:3%;
    }
    .four
    {
        width:100%;
    }
    .titel_btn {
        width: 25%;
    }
    .choice {
        flex-direction: column;
        align-items: center;
        width: 90%;
    }
    .choice-title {
        text-align: center;
        width: 90%;
    }
    .owl-carousel {
        width: 85% !important;
        margin:0 auto;
    }
    .partistion-system {
        height: 650px;
    }
    /*.product-title {*/
    /*    left: 15%;*/
    /*}*/
    #Contact {
        display: none;
    }
    #mo-Contact {
        display: block !important;
        padding: 30px 0;
    }
    .contacts.contact-wrapper h1 a {
        padding-bottom: 0%;
        padding:10px;
        
    }
    .contacts.contact-wrapper h1 a i
    {
        padding:10px;
    }
    button, .submit-btn, .form-input, textarea {
        margin-bottom: 12px;
    }
    .form {
        width: 85%;
        margin:0 auto;
    }
    .form h4 {
        text-align:center;
    }
    .contacts.contact-wrapper {
        text-align: center;
        margin: 30px 0;
    }
    .product-carousel .fa-arrow-alt-circle-right {
        left: 52%;
    }
    .flex-direction-nav .flex-prev {
        right: 10px;
    }
    .flex-direction-nav .flex-next {
        left: 0px;
    }
    .content .left-side .details:nth-child(3) {
        border-bottom: 1px solid #242424;
    }
   .About-Page
    {
        flex-direction: column;
    }
    .about-content,.background-content { 
        padding: 2% 0;
    }
    .about-content h1, .background-content h1
    {
        width:90%;
    }
    hr {
        height:0;
    }
    .about-content p, .background-content p 
    {
        line-height:25px;
         width: 90%;
    }
    .virtue-page
    {
        flex-direction: column-reverse;
    }
    .virtue-content {
        width: 85%;
        padding-bottom: 30px;
    }
    .virtue-feature
    {
        flex-direction: column;
         align-items: center;
    }
    .feature-content {
        width: 100%;
    }
    .tiltle-image {
        width: 100%;
    }
    .feature-content ul
    {
        padding-bottom:30px;
    }
    .feature-content ul li {
        line-height: 30px;
    }
    .virtue-image  ,.feature-image{
        margin-bottom:30px;
    }
    .grid-decription p,.finish-decription p {
        width: 50%;
    }
    .grid-decription,.finish-decription {
        width: 85%;
        margin: 3% auto;
    }
    .slider .slick-arrow {
        top: 108%;
    }
    .slider .slick-arrow.slick-prev {
        left: 40%;
    }
    .slider .slick-arrow.slick-next {
        left: 49%;
    }
    .dubont-mb {
        width: 160px;
        padding: 5px 5px;
        display:block !important;
    }
    .dubont-mb img {
        width: 160px;
    }
    .sec-title h1 {
        width:100%;
    }
    .box-sec {
        flex-direction: column;
        grid-row-gap: 30px;
    }
    .container .content .right-side
    {
        width:80%;
    }
    .content
    {
        padding-top:3rem;
    }
    .titel_btn.product-title {
        width: 94%;
    }
}
@media screen and (max-width:560px)
{
    .icon {position: absolute;right: 0;}
    nav.icon-menu {
        justify-content: end;
    }
    nav.icon-menu {
        position: fixed;
        top: 3%;
        z-index: 1111;
        left: 0;
    }
    .titel_btn.product-title {
        top: 3rem;
    }
    .banner {
        display:none;
    }
    .banner-mb {
        display:block !important;
    }
    .flex-direction-nav a:before {
        top:250px;
    }
    .product-title p {
        padding: 8px 0;
        width: 60%;
        margin: 0 auto;
    }
    .product-carousel .fa-arrow-alt-circle-left {
        left: 43%;
    }
    /*.product-title {*/
    /*    left: 0%;*/
    /*}*/
    .slider .slick-arrow {
        top: 103%;
    }
    .slider .slick-arrow.slick-prev {
        left: 36%;
    }
    form {
         display:unset;
    }
    button, .submit-btn, .form-input, textarea {
        padding: 20px 20px;
        background: #202020;
        border: none;
        width: 90%;
    }
    .virtue-image, .feature-image {
        width: 560px;
    }
    .bread-crum-title {
        padding: 20px 0;
    }
    .virtue-content h1 {
        font-size: 36px;
    }
    header {justify-content: center;}
    .flex-direction-nav {
        top: 45% !important;
      }
    .titel_btn {
        width: 35%;
    }
}
@media screen and (max-width:430px)
{
    .social-icon a {
        font-size:20px;
    }  
    .icon
    {
        font-size:26px;
    }
    .flex-direction-nav a:before {
        top: 110px;
        font-size: 30px;
    }
    .flex-direction-nav a.flex-next:before {
        font-size: 30px;
    }
    .About-us-content h1:nth-child(1) {
        font-size: 36px;
    }
    .About-us-content h1 {
        font-size: 30px;
    }
    .dolore-content h1 {
         font-size: 30px;
    }
    .one span,.two span,.three span ,.four span   {
        font-size:24px;
    }
    .title-image {
        width: 120px;
    }
    .titel_btn {
        width: 35%;
    }
    .titel_btn a {
         padding: 8px 16px;
    }
    .partistion-system {
        height: 500px;
        margin:0;
    }
    .choice-title {
        padding-left:0;
    }
    .choice-title h1,.choice-title h1 b{
        font-size:36px;
    }
    .slider .slick-arrow.slick-prev {
        width:36px;
    }
    .slider .slick-arrow.slick-next {
        left: 53%;
        width:36px;
    }
    .product-carousel .fa-arrow-alt-circle-right,
    .product-carousel .fa-arrow-alt-circle-left  
    {
        font-size:30px;
    }
    .product-title h1,.product-title h1 b {
        font-size:36px;
    }
    .product-title p {
        width: 70%;
    }
    .form h4 {
        font-size: 36px;
    }
    .contacts.contact-wrapper h1 a {
        font-size: 28px;
    }
    .mo-contact-form {
        width: 100%;
        margin: 0 auto;
    }
    input.submit-btn {
        width: 110px;
        padding: 12px 0;
    }
    .dubont-mb img {
        width: 100%;
    }
     header.logo{
         width: 110px;
     }
    header.shrunk .logo img {
        width: 100%;
    }
     button, .submit-btn, .form-input, textarea {
        width: 90%;
    }
    .virtue-image, .feature-image {
        width: 425px;
    }
    .menu-mobile ul li a
    {
        font-size:18px;
    }
    .flex-direction-nav {
        top: 43% !important;
    }
}
@media screen and (max-width:376px)
{
    .flex-direction-nav {
        top: 61% !important;
    }
    header.shrunk .logo img {
        width: 100%;
    }
    .dubont-mb img {
        width: 100%;
    }
    .flexslider li .meta {
         top: 34%;
    }
    .flexslider li .meta .banner-title {
        font-size: 28px ;
    }
    .meta .content-slider p{
        font-size: 16px;
    }
    .know-btn a {
        padding: 8px 12px;
        font-size: 14px;
    }
    .flex-direction-nav a:before {
        top: 50px;
    }
    .about-content p, .background-content p
    {
        font-size:14px;
        line-height:21px;
    }
     button, .submit-btn, .form-input, textarea {
        width: 90%;
    }
    .virtue-image, .feature-image {
        width: 375px;
    }
    
}
@media screen and (max-width:360px)
{
    .flex-direction-nav {
        top: 53% !important;
    }
}
@media screen and (max-width: 320px)
{
    .menu-mobile
    {
        top:70px;
    }
    .flexslider li .meta {
        top: 24%;
    }
    .flex-direction-nav a:before {
        top: 0;
    }
    .dubont-mb img {
        width: 100%;
    }
    header.shrunk .logo img {
        width: 100%;
    }
}