@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1600px){
	.container{width:96%;}
	.izc .ilt{padding: 5% 0 0 10rem;}
	.izc .irt .bf{height:100%;}
	.izc .irt .bf img{max-height:500px;}
	.cp-wrap .prev{left:0}
	.cp-wrap .next{right:0;}
}
@media only screen and (max-width:1366px){
    .container{width:96%;}
	.izc .ilt{padding-top:5%;}
	.izc .irt img{max-height:500px;}
	.ab .con1 .re .t1{margin:1rem 0;}
	.cp-wrap .prev{left: 2.5416%;}
	.cp-wrap .next{Right: 2.5416%;}
	.about-single-counter-box{left:30px;}
	.con2{gap:3rem;}
	.case .swiper4 .swiper-slide .infobox{padding-top:30px;}
	.case .swiper4 .swiper-slide .infobox .box{
		padding:30px;
		padding-bottom: 0;
	}
	.case .swiper4 .swiper-slide .infobox .title span{
		padding-left:30px;
	}
	.case .swiper4 .swiper-slide .infobox .page{bottom:30px;}
	.inban .bd-con{left:5%}
	.izc .ilt{padding: 5% 0 0 10rem;}
	.izc .irt img{max-height:500px;}
}
@media only screen and (max-width:1280px){
	grid-template-columns: repeat(3, minmax(27rem, 1fr));
}
@media only screen and (max-width:1024px){
	html {font-size: 55%;}
	.nav {display: none;}
	.menu-handler, .menubarM {display: block;}
	.container{padding:0 15px!important;}
	.inban h1 {font-size:37px;}
	.izc .ilt{
        width: 100%;
        padding: 40px 5%;
        background: #f3c41c;
        display: none;
    }
}
@media only screen and (max-width:640px){
	.web{display:none;}
    .mobile{display:block;}
    .header-top-menu{display:none}
	.header-2{display:none}
	.foot-grey .sub,.q-link{display:none;}
    .breatcam-menu {
        width: 280px;
    }
    .breatcam-menu ul li {
        font-size: 15px;
    }
    .ab .con1,.clist,.plist .container {
        display:block;
    }
    .ab .con1 .le,.ab .con1 .re{width:100%;}
    .pl .iox .iolt{
        position: relative;
        width: 100%;
    }
    .pl .iox .iolt .tt{font-size:2.4rem}
    .pl .iox .iolt .ul1{
        line-height: 40px;
        margin-top: 10px;
    }
    .pl .iox .iolt .ul1 li.act {
    font-size: 2rem;
    color: #2653e5;
}
    .pl .swiper2 .swiper-slide .sbox .itop{
        display: block;
        margin: 15px 0 0;
        padding: 15px 0 0;
        border: 0;
        width: 100%;
        border-top: 1px solid #ddd;
        min-height: 10rem;
    }
    .news .nt .n1{display:block;}
    .news .nt p,.btn2{display:none}
    .ca-tit{padding:5rem 0;}
    .case .swiper4 .swiper-slide .infobox{
        position: static;
        width: 100%;
        padding: 30px 5%;
    }
    .case .swiper4 .swiper-slide .infobox .title {
        font-size: 18px;
    }
    .case .swiper4 .swiper-slide .infobox .title span {
        border-left: none;
        padding: 0 0 10px;
    }
    .case .swiper4 .swiper-slide .infobox .box {
        padding: 14px 0 0 0;
    }
    .case .swiper4 .swiper-slide .infobox .box .te {
        height: 52px;
    }
    .about-section .container{display:block}
    .about-section .le,.about-section .re{width:100%}
    .about-single-counter-box{left:0;padding:15px}
    .number .box{justify-content: flex-start;}
    .number .box .info{margin-left:30px;}
    .clients ul li{width:29%;}
    .clist li{margin-bottom:3rem;}
    .detail .bot{display: block;}
    .detail .bot .left a{
        max-width:100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .ct-form .ci{width:100%}
    .contact{padding-bottom:0;}
    .if{margin-bottom:0}
    .le-nav,.rt{width:100%}
    .rt .top{display:block}
    .le-nav{padding:15px;position:relative}
    .pnav{display:none;}
    .rt .top h2{padding:20px 0}
    .pd-area .container .p1{display:block}
    .pd-area .container .p1 .pd-img,.pd-area .container .p1 .pd{width:100%}
    .pd-area .container .p1 .pd{padding-left:0;margin-bottom:30px}
    .para{display:block;padding:30px 10px;}
    .para-rt{width:100%;padding:15px;}
    .para-lf{
        font-size: 12px;
        width: 100%;
        display: flex;
        padding-bottom: 15px;
        min-height: unset;
        overflow-x: auto;
        padding-right: 0;
        scroll-behavior: smooth;
        height: auto;
    }
    .para-lf .nav-item {
        margin-right: 15px;
        padding: 0 15px;
        flex-shrink: 0;
    }
    .para-rt::-webkit-scrollbar {
        width: 5px;
    }
	.izc{justify-content: center;align-items: center;padding:20px 0;}
	.categories-title h4:after{
	    position: absolute;
	    right:0;
	    top:4px;
	    content:"\f107";
	    font-family: fontAwesome;
	    font-size:16px;
	    color:#121212;
	}
	.plist .pnav{
	    position: absolute;
	    width:100%;
	    left: 0;
	    padding:15px;
	    top:60px;
	    z-index: 2;
	    background: #fff;
	    overflow: auto;
	    box-shadow: 0 0 10px 3px rgba(0,0,0,.1);
	}
	.le-nav .secl{display:block}
	.plist .zk{display:block;}
	.inban .bd-con{top:40%;}
	.ab .con1 .re .t3 a{max-width:25rem;}
	.izc{display:none}
	.izc .irt{display:none;}
	.swiper1 .swiper-pagination{
	    text-align: center;
	    padding-left:0;
	}
	.swiper1 .swiper-pagination-bullet{background:#fff;}
	.swiper1 .swiper-pagination-bullet-active:before{border:1px solid rgba(255,255,255,.6)}
	#modals-container .box{min-width:200px;min-height:180px;width:100%;padding:10px;}
	.video-box{width:100%;}
}