/*** Responsive css ***/

@media screen and (min-width:1280px) and (max-width:1366px) {
    aside.leftbar {
        width: 220px;
    }
    .sidebar aside.leftbar {
        margin: 0 0 0 -260px;
    }
    .sidebar aside.leftbar .logo2 {
        right: -260px;
    }
    .sidebar .menu {
        right: -245px;
    }
    aside.leftbar .logo2 {
        width: 100%;
    }
    .main-content .container {
        left: 110px;
    }
    .main-content .mouse {
        left: 110px;
    }
    #main-nav li a {
        padding: 13px 15px;
    }
}

@media screen and (max-width:1279px) {
    aside.leftbar {
        /*float:left;*/
        position: fixed;
        height: 100%;
        width: 260px;
    }
    aside.leftbar .logo2 {
        position: absolute;
        right: -260px;
        top: 0;
        width: 90%;
    }
    aside.leftbar .logo2 a {
        margin: 15px 20px;
    }
    .sidebar aside.leftbar .logo2 {
        right: 260px;
    }
    .menu {
        top: 20px;
        left: inherit;
        right: -245px;
        opacity: 1;
        visibility: visible;
    }
    .sidebar .menu {
        right: 260px;
        left: inherit;
        opacity: 1;
        visibility: visible;
    }
    .sidebar .left-sidebar-btn.menu {
        right: -50px;
        width: 50px;
        height: 50px;
        background: #2e3135;
    }
    .left-sidebar-btn {
        right: -30px;
    }
    .sidebar .left-sidebar-btn {
        right: -30px;
    }
    aside.leftbar {
        margin: 0 0 0 -290px;
    }
    .sidebar aside.leftbar {
        margin: 0 0 0 0;
    }
    .main-content .container,
    .sidebar .main-content .container {
        left: 0;
    }
    .sidebar .main-content .mouse,
    .main-content .mouse {
        left: 0;
    }
    #slider.inner-pro,
    #slider.inner-pro .item,
    #slider.inner-pro .item .container {
        height: 300px;
    }
    #slider.inner .data,
    #slider.inner-pro .data {
        padding-top: 50px;
    }
}

@media screen and (max-width:1023px) {
    .container {
        width: 95%;
    }
    #slider.inner .data p,
    #slider.inner-pro .data p {
        padding-right: 0;
    }
}

@media screen and (max-width:979px) {
    .facts-figures .r-part {
        width: 72%;
    }
    .facts-figures .r-part li {
        padding: 10px;
    }
    .facts-figures .r-part li h6 {
        font-size: 32px;
        line-height: 32px;
    }
    #slider.inner .data p,
    #slider.inner-pro .data p {
        padding-right: 0;
    }
    .product-detail .r-detail .btns {
        padding-top: 0;
    }
    .product-detail .r-detail .btns li {
        padding-top: 20px;
    }
}

@media screen and (max-width:850px) {
    #content {
        padding: 30px 0;
    }
    #slider .data h1 {
        font-size: 40px;
        padding: 0 0 0 20px;
        line-height: 45px;
        margin-bottom: 30px;
    }
    #main-nav {
        padding-top: 0;
    }
    #main-nav li a {
        padding: 8px 15px;
    }
    #main-nav li a b,
    aside.leftbar .logo {
        display: block;
    }
    .facts-figures .r-part,
    .facts-figures .l-part {
        width: 100%;
    }
    .facts-figures .l-part .news-list {
        font-size: 0;
    }
    .facts-figures .l-part .news-list li {
        display: inline-block;
        width: 46%;
        margin: 0 2%;
    }
    .products-rang {
        padding: 40px 0 20px 0;
    }
    .products-rang .pro-gallery .owl-theme .owl-controls .owl-pagination {
        margin-top: 20px;
        margin-bottom: 25px;
    }
    .focous-on {
        padding: 50px 0;
    }
    .focous-on {
        background: none;
        /*background-size:contain; background-attachment:inherit;*/
        background-color: #fff;
    }
    .focous-on .l-part,
    .focous-on .r-part {
        width: 45%;
    }
    .product-detail h1 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 30px;
    }
    .clients .logo-list li {
        width: 18%;
    }
    .form.download {
        width: 80%;
    }
    .subscribe p {
        width: 100%;
        padding: 0 0 15px 0;
        line-height: 20px;
    }
    .subscribe .form {
        width: 100%;
        display: inline-block;
        float: left;
        height: 36px;
    }
}

@media screen and (max-width:767px) {
    body {
        font-size: 14px;
        line-height: 20px;
    }
    #slider .data h1,
    #slider.inner .data h1,
    #slider.inner-pro .data h1,
    .product-detail h1,
    .contact-us h1 {
        font-size: 25px;
        padding: 0 0 0 20px;
        line-height: 25px;
        margin-bottom: 15px;
    }
    #slider .data h2,
    .product-detail h2,
    .contact-us h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 18px;
        padding: 5px 10px;
    }
    #slider .data li {
        font-size: 16px;
        margin-right: 10px;
    }
    #slider .data li a {
        padding: 5px 10px;
        line-height: 22px;
    }
    #slider .data li a .fa,
    #slider .data li:last-child .fa {
        font-size: 16px;
    }
    #slider.inner,
    #slider.inner .item,
    #slider.inner .item .container {
        height: 350px;
    }
    .welcome-content .r-part .btn li:first-child {
        margin-bottom: 10px;
    }
    .welcome-content,
    .facts-figures .r-part,
    .facts-figures .l-part,
    .focous-on {
        padding: 30px 0;
    }
    .products-rang h2,
    .focous-on h2 {
        font-size: 16px;
    }
    .products-rang h1,
    .focous-on h1 {
        font-size: 35px;
        line-height: 35px;
    }
    .products-rang .owl-carousel .owl-wrapper {
        margin-left: -15px;
    }
    .products-rang .pro-gallery .owl-item {
        padding: 0 0 20px 15px;
    }
    footer .toppart {
        padding: 15px 0;
    }
    footer .col-01,
    footer .col-02,
    footer .col-03,
    footer .col-04,
    footer .col-05 {
        width: 100%;
        padding: 5px 0;
    }
    .bottom {
        padding: 15px 0;
    }
    .bottom .copyright {
        width: 100%;
        text-align: center;
        line-height: 22px;
    }
    .bottom .social-midia {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    footer h2.none {
        display: block;
    }
    footer h2.toggle-btn {
        font-size: 15px;
        position: relative;
        padding: 0 0;
        margin: 0;
        cursor: pointer;
    }
    footer h2.toggle-btn:hover {
        color: #bebebe;
    }
    footer .toggle-btn:after {
        font-size: 12px;
        position: absolute;
        top: 0;
        right: 0;
        content: "\f067";
        font-family: 'FontAwesome';
        width: 18px;
        height: 18px;
        text-align: center;
    }
    .toggle-btn.active:after {
        content: "\f068";
    }
    footer .toggle-list.open {
        padding: 0;
    }
    .toggle-list {
        height: 0;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.1s ease-in;
        -moz-transition: all 0.1s ease-in;
        -o-transition: all 0.1s ease-in;
        transition: all 0.1s ease-in;
    }
    .toggle-list.open {
        height: inherit;
        visibility: visible;
        opacity: 1;
    }
    footer h2.active {
        color: #bebebe;
    }
    .about .intro-content {
        font-size: 14px;
        line-height: 22px;
    }
    .about .intro-content,
    .about .intro-video {
        margin: 30px 0;
    }
    .about .intro-video {
        height: 250px;
    }
    .about .b-content {
        padding: 30px 0;
    }
    .products-list {
        margin: -30px 0 10px -2%;
    }
    .products-list .single-pro {
        width: 48%;
        margin: 30px 0 10px 2%;
        display: inline-block;
    }
    .product-detail .l-detail,
    .product-detail .r-detail {
        width: 100%;
    }
    .product-detail .l-detail .img,
    .product-detail .l-detail .video {
        width: 48%;
        float: left;
    }
    .product-detail .l-detail .video {
        margin: 0 0 0 4%;
        height: 220px;
    }
    .contact-us .l-part {
        width: 100%;
        padding-left: 0;
    }
    .contact-us .r-part {
        width: 100%;
        padding-top: 20px;
    }
    .contact-us .branch-offices li {
        width: 100%;
        padding-bottom: 30px;
        font-size: 14px;
    }
    .contact-us .branch-offices li:last-child {
        padding-bottom: 0;
    }
    .divider-01 {
        margin: 30px auto;
    }
    #map {
        height: 100%;
    }
    #content h3 {
        font-size: 18px;
        padding-bottom: 10px;
    }
    form .raw.half {
        width: 100%;
    }
    .inquiry .full .fld-name {
        width: 35% !important;
    }
    .inquiry .full .fld-cont {
        width: 65% !important;
    }
    .form.inquiry .full .checkbox-field {
        display: inline-block;
        width: 47%;
    }
    .form.download {
        width: 100%;
    }
}

@media screen and (max-width:567px) {
    .welcome-content .r-part .colum {
        margin-bottom: 30px;
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;
        text-align: left;
    }
    .facts-figures .r-part li {
        width: 33.33%;
    }
    .facts-figures .r-part li:nth-child(4n+4) {
        border-right: 1px solid #dedede;
    }
    .facts-figures .r-part li:nth-child(3n+3) {
        border-right: none;
    }
    .focous-on .img {
        margin-bottom: 20px;
    }
    .focous-on .l-part {
        margin-bottom: 30px;
    }
    .focous-on .l-part,
    .focous-on .r-part {
        width: 100%;
        padding: 0;
    }
    footer .col-01,
    footer .col-02,
    footer .col-03,
    footer .col-04,
    footer .col-05 {
        width: 100%;
    }
    #main-nav li a {
        padding: 6px 15px;
    }
    .about .intro-content,
    .about .intro-video,
    .about .b-content .l-part,
    .about .b-content .r-part {
        width: 100%;
        padding: 0;
    }
    .about .intro-video {
        margin-top: 0;
    }
    .about .intro-video {
        border-width: 5px;
    }
    .about .b-content .l-part {
        margin-bottom: 30px;
    }
    #slider.inner-pro,
    #slider.inner-pro .item,
    #slider.inner-pro .item .container {
        height: 300px;
    }
    #slider.inner .data p,
    #slider.inner-pro .data p {
        font-size: 15px;
        line-height: 22px;
    }
    .product-detail .l-detail .img,
    .product-detail .l-detail .video {
        width: 100%;
        float: left;
    }
    .product-detail .l-detail .img a {
        display: block;
        text-align: center;
    }
    .product-detail .l-detail .video {
        margin: 20px 0 0 0;
        height: 250px;
    }
    .product-detail .r-detail .description h6 {
        padding: 9px 10px;
    }
    .product-detail .r-detail .description td:first-child {
        /*width:140px;*/
        padding-bottom: 0;
    }
    .product-detail .r-detail .description td {
        padding: 8px 10px;
        width: 100%;
        display: table;
    }
    .product-detail .r-detail .btns li {
        padding-top: 10px;
    }
    .product-detail .r-detail .btns li a {
        padding: 10px 12px;
    }
    .clients .logo-list li {
        width: 23%;
    }
    form .raw .fld-name,
    form .raw .fld-cont {
        width: 100%;
        padding-right: 0;
    }
    form .raw .fld-name:after,
    form .raw .fld-name.empty {
        display: none;
    }
    .inquiry .full .fld-name {
        width: 100% !important;
    }
    .inquiry .full .fld-cont {
        width: 100% !important;
    }
    .form .text-field {
        margin-bottom: 10px;
    }
    .shield {
        width: 100px;
        height: 100px;
        bottom: 10px;
        right: 10px;
    }
}

@media screen and (max-width:480px) {
    #slider .data {
        padding-top: 40px;
        height: 300px !important;
    }
    #slider .data h1, .data i, .btn
    {
        display:none;
    }
    #slider .data p
    {
        font-size:14px;
        line-height:30px;
        text-align:center;
    }
    #slider .data h1,
    #slider.inner .data h1,
    #slider.inner-pro .data h1,
    .product-detail h1 {
        font-size: 22px;
        line-height: 25px;
    }
    #slider .data h2,
    #slider.inner .data h2,
    #slider.inner-pro .data h2,
    .product-detail h2 {
        font-size: 16px;
    }
    #slider .data li {
        margin: 0 10px 10px 0;
    }
    .products-rang .owl-carousel .owl-wrapper {
        margin-left: 0;
    }
    .products-rang .pro-gallery .owl-item {
        padding: 0 0 20px 0;
    }
    .breadcrumb li:first-child a {
        padding: 3px 15px 3px 0;
    }
    .breadcrumb li {
        font-size: 12px;
    }
    .breadcrumb li a {
        padding: 3px 10px 3px 0;
        margin-left: 5px;
    }
    .breadcrumb li:last-child {
        padding: 3px 10px;
    }
    .breadcrumb li::after {
        top: 3px;
    }
    .products-rang .pro-gallery .owl-item .single-pro {
        display: inline-block;
        max-width: 100%;
    }
    .products-list {
        margin: -30px 0 10px -2%;
    }
    .products-list .single-pro {
        width: 48%;
        margin: 30px 0 10px 2%;
    }
    .single-pro h5,
    .single-pro h6 {
        font-size: 18px;
    }
    .single-pro h6 {
        padding: 10px;
    }
    .product-detail h1 {
        padding-left: 20px;
        margin-bottom: 30px;
    }
    .clients .logo-list {
        margin-left: -3%;
    }
    .clients .logo-list li {
        width: 30.3%;
        margin-left: 3%;
    }
}

@media screen and (max-width:479px) {
    .facts-figures .r-part li {
        width: 50%;
    }
    .facts-figures .r-part li:nth-child(4n+4) {
        border-right: 1px solid #dedede;
    }
    .facts-figures .r-part li:nth-child(3n+3) {
        border-right: 1px solid #dedede;
    }
    .facts-figures .r-part li:nth-child(2n+2) {
        border-right: none;
    }
    .facts-figures .l-part .news-list li {
        width: 92%;
        padding: 0 0 10px 0;
        margin: 0 4% 4% 4%;
    }
    .products-rang h2,
    .focous-on h2 {
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 2px;
        padding: 8px 10px;
    }
    .products-rang h1,
    .focous-on h1 {
        font-size: 25px;
        line-height: 25px;
        padding: 0 0 0 0;
        margin-bottom: 30px;
    }
    /*.products-list .single-pro { margin:20px 0 10px 2%; }
	.single-pro .pro-list li { margin:0; }
	.single-pro .video, .single-pro .video-inn { font-size:12px; }
	.single-pro .video a, .single-pro .video-inn a { padding:5px 8px; }
	.single-pro h5 { font-size:14px; padding:10px 5px 30px 5px; }
	.single-pro .pro-list { padding:10px; }*/
    .products-list {
        margin: -30px 0 10px 0;
        text-align: center;
    }
    .products-list .single-pro {
        width: 70%;
        margin: 30px 0 10px 0;
        display: inline-block;
    }
    .subscribe .form .text-field {
        width: 180px;
    }
}

@media screen and (max-width:360px) {
    .products-list .single-pro {
        width: 75%;
    }
    .clients .logo-list li {
        width: 30.3%;
        margin-left: 3%;
    }
    .form.inquiry .full .checkbox-field,
    .form.download .checkbox-field {
        display: inline-block;
        width: 100%;
    }
    .subscribe .form .button {
        width: 100px;
        font-size: 14px;
    }
    .subscribe .form .text-field {
        width: 160px;
    }
}