@charset "utf-8";
/*----------
* Theme: Solar Whole Seller
* Author: ANTS Creation
* URL : https://www.ants.lk/
----------------------------
* responsive css file
----------------------------------*/

@media(max-width:1200px)
{
    
}

@media(min-width:1200px)
{ 
    #products .owl-dots{
        display:none;
    }
}

@media(max-width:1199px)
{

    #products .owl-nav{
        display: none;
    }

    #products .owl-prev {
       margin-right: 2px;
    }

    #products .owl-next {
        margin-left: 2px;
    }

    .home-btn-mt{
        margin-top: 20px;
    }

}

@media(min-width:1199px){

    header{
        height: 170px;
    }

    #products .owl-prev {
        position: absolute;
        left: -35px;
        top: 0;
        bottom: 0;
    }

    #products .owl-next {
        position: absolute;
        right: -35px;
        top: 0;
        bottom: 0;
    }

    #products .owl-prev i, #products .owl-next i {
        font-size: 20px;
        border: 1px solid var(--theme-4);
        color: var(--theme-4);
        transition: 0.5s;
        padding: 6px 8px 6px 8px;
    }

}

@media(min-width:992px)
{
    .footer-left .left-content{
        padding-right: 20px;
        padding-left: 103px;
    }

    .footer-right{
        margin-top: 70px;
    }

    .footer-right .right-content{
        padding-right:  0;
        /* padding-left: 75px; */
        padding-left: 35px;
    }

    .footer-right .second-col{
        padding-right: 25px;
    }

    .footer-menu ul .addr{
        /* float: right; */
        display: flex;
    }

    .footer-copyright{
        text-align: left;
    }

    .product-details-section .contact-de{
        margin-top: 10px;
    }

    .chairman-video{
        width: 55%;
        float: left;
        margin-right: 30px;
        margin-bottom: 4px;
        z-index: 2;
    }

    .chairman-img{
        padding-right: 30px;
        padding-bottom: 4px;
        float: left;
    }

    .product-details-section .contact-form {
        margin-top: 30px;
    }

    .footer-left .left-content{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

}

@media(max-width:992px)
{
    
}

@media(min-width:992px) and (max-width:1199px)
{
    header{
        height: 169px;
    }

    .h-item-meta label {
        font-size: 14px;
        margin-bottom: 0;
    }

    .h-item-meta span {
        font-size: 14px;
    }

    .ct-header-info-item.ct-mail, .ct-header-info-item.ct-address{
        margin-left: 15px;
    }

    .navbar .nav-item .nav-link {
        padding: 0 2vw 0 2vw;
    }

    .right-content .footer-menu .email a{
        font-size: 1.3vw;
    }

}

@media(max-width:991px)
{
    .second-top-header-bar{
        display: none;
    }

    .navbar{
        top: 0;
        border-radius: 0;
    }

    .align-nav{
        width: 100%;
    }

    .sticky.is-sticky {
        top: 0;
    }

    .navbar-brand2{
        display: block;
    }

    .welcome-section .single_image{
        margin-top: 60px;
    }

    .footer-content{
        width: 100%;
        display: block;
    }
    
    .footer-content .footer-left{
        width: 100%;
    }
    
    .footer-content .footer-right{
        width: 100%;
    }

    .footer-left .container{
        padding: 0;
    }

    .footer-menu ul .addr{
        float: none;
        display: flex;
    }

    .footer-menu ul li {
        font-size: 17px;
    }

    .left-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .right-content {
        padding-top: 45px;
    }

    .footer-copyright{
        text-align: center;
    }

    .about-section h2{
        margin-top: 30px;
        margin-bottom: 25px;
    }

    .why-choose-us-section .choose-image{
        margin-top: 20px;
    }

    .footer-content .footer-left{
        border-top-right-radius: 0px;
    }

    .footer-content .footer-left::before{
        border-top-right-radius: 0px;
    }

    .chairman-msg{
        margin-top: 20px;
    }

    .navbar{
        background-color: #fff;
    }

}

@media(min-width:768px)
{
    .system-descr-area .system-cat-img.left-img{
        padding:0 20px 10px 0;
        float: left;
    }

    .system-descr-area .system-cat-img.right-img{
        padding:0 0 10px 20px;
        float: right;
    }
    
}

@media(min-width:768px) and (max-width:991px)
{
    .vision-mission-section .wrap-box .para {
        padding-left: 40px;  
    }

    .top-header-bar .header-information ul li {
        font-size: 12px;
    }

    .product-details-section .md-mt{
        margin-top: 40px;
    }
	
}
@media(max-width:767px)
{

    .header-information .desk-view{
        display: none;
    } 

    .contact-section .form-title {
        margin-top: 40px;
    }

    .contact-section .contact-form {
        margin-top: 40px;
    }

    .vision-mission-section .wrap-box .para {
        padding-left: 10px;
    }

    .contact-pg-section .form-title{
        margin-top: 40px;
    }

    .contact-pg-section .contact-form{
        margin-top: 45px;
    }

    .product-details-section .contact-de{
        margin-top: 10px;
    }

    .system-descr-area .system-cat-img.left-img, .system-descr-area .system-cat-img.right-img{
        margin-bottom: 20px;
    }

    .product-details-section .side-product-links-title{
        margin-top: 25px;
    }

    .product-details-section .products-links{
        margin-bottom: 25px;
    }

}

@media(min-width:576px)
{
	
}

@media(min-width:575px) and (max-width:767px)
{

}
@media(max-width:575px)
{
    .navbar .navbar-header .navbar-brand2 img{
        padding-left: 15px;
    }

    .left-content {
        padding: 60px 30px 60px 15px;
    }
}
@media(max-width:456px)
{
   
}	
@media(max-width:420px)
{
.top-header-bar .header-information ul li i {
        margin-right: 4px;
    }

    .top-header-bar .header-information .infor-list .infor-list-item:not(:first-child)::before {
        left: -8px;
    }

    .top-header-bar .header-social ul li a i {
        width: 26px;
        height: 26px;
        line-height: 26px;
    }

    .breadcrumb h1{
        font-size: 35px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    
}
@media(max-width:368px)
{
    .top-header-bar .header-information ul li {
        padding-right: 4px;
        margin-right: 4px;
    }

    .contact-item .item-icon.mar-right{
        margin-right: 15px;
    }

    .system-descr-area .overlay-content-box.left-box{
        left: 0;
    }

    .system-descr-area .overlay-content-box.right-box{
        right: 0;
    }

    .system-descr-area .overlay-content-box .title.left{
        width: 271px; 
    }

    .system-descr-area .overlay-content-box .title.right {
        padding-right: 20px;
        width: 271px;
    }

    .system-descr-area .overlay-content-box .title.right h3{
        float: right;
    }

    .product-details-section .product-details .supplier-web span{
        font-size: 13px;
    }

}