﻿@charset "utf-8";
:root{--color:#6f42bf}
body{font-size:15px}
.nyaboutusbox{max-width:1200px;margin:0 auto;line-height:1.7}
.head-t{background:#fff}
.head-box{border-radius:0 0 30px 30px}
.headsearch{border-radius:0 0 30px 0;background:0 0}
@media (min-width:769px){.logo{margin-left:0}}
.nav>li>a{font-size:18px;font-weight:bold;}
.footitem1{width:15%;}
.footitem2{width:83%;}
/*.container{max-width:100%}
.searchicon{color:#000}*/
.fixhead .head-b .headsearch{background-color:#fff}
@media (min-width:769px){body{padding-top:137px}
.our{padding-top:0}}
.newsdetails-cont p{margin-bottom:2px}
.our-list{border-radius:5px;box-shadow:0 0 10px 0 rgb(0 0 0 / 20%);padding:35px 0 50px;background:#fff;position:relative;width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.our-list li{width:25%;border-right:1px solid #a5a5a5;padding:15px 0;}
.our-list li:last-child{border:none}
.our-item-bref,.our-item-name{font-size:20px}
.our-item-name{font-weight:700}
@media (max-width:1230px){.our-list li{padding:0}}
@media (max-width:1024px){.our-list{margin-top:0;max-width:100%;}}
@media (max-width:768px){.our-list{padding:15px 0}
.our-item-bref, .our-item-name{font-size:16px;}
.our-list li{width:50%;border:none}}
.hcontact{font-size:14px}
.newpro-bref p{max-height:inherit}
.prodetails-bref p{font-size:16px}
.contactus-box{max-width:1200px;margin:0 auto}
@media (min-width:1025px) {.nav #liproducts .submenu {width: 290px;}}
.prodetails-page .preview-container .singglepic img{transition:all .2s ease-out}
.prodetails-page .preview-container .singglepic img:hover{transform:scale(1.5)}
@media (min-width:769px){.products-ninelist-1 li{width:calc(24% - 20px)}
.products-ninelist-1 li:nth-child(3n){margin-right:30px;}
.products-ninelist-1 li:nth-child(4n){margin-right:0;}}
.logo img{ max-width: 70px;}
.flogo img{max-width: 120px;}
@media (min-width:769px){.headsearch{width:auto;padding-left:30px;}
.mobheadnav{flex:1;}
nav{margin:0 0 0 auto;}
.searchicon{background:var(--color);border-radius:5px;color:#fff!important}
.head-box{border-radius:0;}
.head-b{background:#fff;height:80px;}
.head-b>.container{height:100%;}
.nav>li>a{padding:0 34px;}}
@media (max-width:1440px) and (min-width:769px){.head-b>.container{padding:0 15px}}
@media (max-width:1280px) and (min-width:769px){.nav>li>a{padding:0 26px;}}
@media (max-width:1080px) and (min-width:769px){.nav>li>a{padding:0 15px;}}
@media (max-width:900px) and (min-width:769px){.nav>li>a{padding:0 8px;}}