@media screen and (max-width: 1199px) {
ul.work-img li{ width: 33.33%;}
ul.work-img li img { display: block; height: 235px; width: 100%;}

ul.work-img li .plus-img > img { display: inline-block; height: auto; width: auto;}
}
@media screen and (max-width: 1050px) {
.portfolio-slider .owl-buttons{ display:none;}
}
@media screen and (max-width: 1024px) {
.container{ width:98%; margin:0px auto;}
.first-section .resp-tabs-list li{ width:20%;}
.icons-box{ width:100%;}
.resp-tab-content .container{ width:100%;}

ul.work-img li{ overflow:hidden;}
ul.work-img li img { display: block; height: 235px; width: auto; max-width:inherit;}
ul.portfolio-img li{ width:29.33%; margin:0 2%;}
.portfolio-tab-wrp .resp-tabs-list li{ width:20%;}
.portfolio-tab-wrp .resp-tabs-container .resp-tab-content{ padding:50px 40px; padding-bottom:60px;}
.portfolio-tab-wrp .resp-tabs-container .resp-tab-content h2{ padding-bottom:20px;}
.portfolio-slider .owl-carousel .owl-item .big-img img{ width:100%;}

}

@media screen and (max-width: 960px) {
ul.portfolio-img li {
    margin: 0 1%;
    width: 31.33%;
}
}

  @media only screen and (max-width: 780px) {
        .demo {
                margin: 5%;
                width: 90%;
         }
        .how-use {
                float: left;
                width: 300px;
                display: none;
            }
        }
        #tabInfo {
            display: none;
        }


@media screen and (max-width: 768px) {
.portfolio-wrapper {
    padding-top: 50px;
}
.innovation-wrp h1{ font-size:32px;}
}
@media screen and (max-width: 767px) {
	.tab-section .resp-tab-content{ padding: 40px 35px 50px;}
	.dl-menuwrapper:first-child{ margin-right:0;}
	.dl-menuwrapper .dl-menu{ min-width:200px; right:0;}
	.logo{ width:auto;}
	.navi-wrp{ padding-top:25px;}
	.team-inq{ width:80%;}
	
.tab-section h2 { line-height: normal; padding-bottom: 20px; font-size: 24px;}

.tab-section p {
    font-size: 15px;
    line-height: 24px;
}
.team-inq p{ padding-bottom:50px;}
.fotter-section{ padding-bottom:45px;}
.Wanna-btn{font-size: 20px;line-height: normal;padding: 15px 30px;}
.text-right {
    padding-bottom: 15px;
    position: static;
    right: 0;
    text-align: center;
    top: 0;
    display:block;
    margin-top:10px;}
span.text-right{display:none;}
.service-content h1{padding-bottom:10px ; font-size:24px}
.inner-wrap-content{padding:15px;}
.input-group input,.input-group textarea{width:70%;}
.aboutus-wrapper h1{font-size:25px; line-height:30px;}
.inner-wrap-content p{font-size:14px;}
.innovation-wrp .service-content h1{font-size:18px;}
.team-content h3{font-size:18px;}
.team-content h5{font-size:14px; padding:10px 0 20px;}
.team-content h4{font-size:12px;}
}
@media screen and (max-width: 640px) {
	ul.work-img li{ width:50%;}
}

@media screen and (max-width: 600px) {
.team-inq { width: 60%;}
.content-inq p{ font-size:22px;}
ul.portfolio-img li {
    margin: 0 1%;
    width: 48%;
}
.innovation-wrp .innovation-wrp h1{ font-size:28px;}
}
@media screen and (max-width: 567px) {
.icons-box{ height:auto; width:auto; padding:0; padding:15px;}
.tab-section .resp-tabs-container h2{ padding:0; border:0; position:relative;}
.tab-section .resp-tab-content h2{ padding: 0 0 25px;}
.red::before, .yellow::before, .pink::before, .blue::before, .green::before{ height:auto;}
.red{ background:#dd3623;}
.yellow{ background:#da9f3b;}
.pink{ background:#c93f6c;}
.blue{ background:#1c7ab0;}
.green{ background:#04a3a1;}
.resp-arrow{ position: absolute; right: 40px; top: 40px; z-index: 9;border-top: 12px solid #fff;}
h2.resp-tab-active span.resp-arrow{ border-bottom-color:#fff;}
.main-heading h1{ font-size:28px; line-height:normal;}
.clients-content p{ font-size:18px;}
.clients-content span{ font-size:12px;}

.portfolio-tab-wrp .icons-box {
    height: auto;
    padding: 15px 0;
}
.innovation-wrp h1{ font-size:24px; line-height:normal; padding-bottom: 20px;}
.portfolio-content { padding: 35px 25px;}
.portfolio-content p{ font-size:16px; padding-bottom:20px;}
ul.print li{ font-size:18px; margin-right: 20px;}
}
@media screen and (max-width: 480px) {
	.portfolio-content p { font-size: 14px; line-height:22px;}
	ul.print li { font-size: 15px; margin-right: 12px;}
	.portfolio-slider .owl-theme .owl-controls .owl-pagination{ bottom:10px;}
	.portfolio-slider .owl-theme .owl-controls .owl-page span{ height:10px; width:10px; margin-right:8px;}
    .input-group input, .input-group textarea {
    width: 57%;
}
.input-group .icon-img {
    float: left;
    padding: 0 13px 0 0;
}

.banner-img img {
    width: 100%;
}
.contact {
    padding:30px 5px 5px;
}
}
@media screen and (max-width: 360px) {
ul.work-img li, ul.work-img li img{ width:100%;}
#galler-silder .owl-buttons .owl-prev, #galler-silder .owl-buttons .owl-next{ margin-top:0;}
.innovation-wrp h1 {font-size: 21px;}
}
@media screen and (max-width: 320px) {
ul.portfolio-img li {
    margin: 0 1.5%;
    width: 97%;
}
}