@media(max-width:1200px) {
    .owl-theme .owl-controls .owl-buttons div {
        width: 65px;
        height: 65px
    }

    #owl-demo .owl-controls.clickable .owl-buttons .owl-next:before, #owl-demo .owl-controls.clickable .owl-buttons .owl-prev:before {
        font-size: 15px
    }

    .dropdown_2columns > ul > li img {
        width: 260px !important;
        height: 184px !important
    }

    .menuLine {
        width: 622px
    }

    div.menu li > a {
        font-size: 9.5pt
    }

    .icon-search {
        font-size: 16px
    }

    .menufix .menu {
        width: 970px
    }

    .part1 .col-md-6 {
        padding-top: 40px;
        padding-bottom: 40px
    }

        .part1 .col-md-6 span {
            font-size: 19pt;
            margin-bottom: 5px
        }

        .part1 .col-md-6 p {
            font-size: 10pt
        }

        .part1 .col-md-6 .more {
            font-size: 10pt;
            max-width: 120px;
            margin-top: 5px
        }

    .part2 .col-md-6 {
        height: auto;
    }

        /*.part2 .col-md-6.blue img {
            width: 495px !important;
            height: 352px !important
        }*/

        /*.part2 .col-md-6.green img {
            width: 379px !important;
            height: 256px !important
        }*/

    .part2-text {
        width: 456px;
        bottom: 90px;
    }

        .part2 .green .part2-text{
            left:50px;
        }

        .part2-text .internalSeoLinks, .part2-text span {
            font-size: 18pt
        }

        .part2-text p {
            font-size: 15pt
        }

        .part2-text a {
            padding: 4px 20px;
            font-size: 9pt;
            margin-top: 85px
        }

    #owl-demo2 .item > a > img {
        width: 100%;
        height: 134px
    }

    #owl-demo3 .item img {
        width: 65px;
        height: 41px
    }

    #owl-demo3 .news-text {
        width: 137px
    }

    .parent-menu .menuLine {
        width: 775px
    }

    .product-list .pro-item a img {
        width: 100%;
        height: 155px
    }

    .product-list .pro-item a strong {
        font-size: 8.5pt
    }

    .product-list .pro-item a p {
        font-size: 8pt
    }

    .product-list .pro-item a span {
        font-size: 7.5pt;
        padding: 2px 25px
    }

    .product-list .pro-item {
        min-height: 306px
    }

    .scroller .items > * {
        margin: 0 3px
    }

    .items a img {
        width: 79px
    }

    .scroller .next {
        right: 38%
    }

    .scroller .prev {
        left: 38%
    }

    #owl-demo4 .item a img {
        width: 100%
    }

    #owl-demo4 .owl-prev {
        right: 0
    }

    .kids-list .col-sm-6 a {
        max-height: 361px;
        min-height: 347px
    }

        .kids-list .col-sm-6 a img {
            height: 212px
        }

    .research-list .col-sm-6 a {
        min-height: 450px
    }

    .sidebar-widget-title {
        font-size: 11.5pt;
        padding: 10px 15px
    }

        .sidebar-widget-title.categoryTitle i {
            margin-left: 5px;
            font-size: 10pt
        }

    .research-list .col-sm-6 a img {
        height: 210px
    }

    .formContact input.inputText.feedbackText {
        width: 270px !important
    }

    #owl-demo2 .item > a {
        min-height: 302px
    }

    .form-one .radio {
        margin-left: 0
    }

    .gallery2 .gallery nav .scrollable {
        height: 210px
    }

    .gallery2 .items a img {
        width: 139px !important
    }

    .video {
        width: 50%
    }

    div.menu li > a {
        padding: 13px 8px
    }
}

@media(max-width:992px) {

   
    .logo {
        bottom: unset
    }

    .pre-circle img {
        width: 75%
    }

    .menuLine {
        display: none
    }

    .menu2 {
        display: block
    }

    .icon-search {
        font-size: 11pt
    }

    .head-l {
        width: 100%
    }

    .menufix .menu {
        width: 750px
    }

    .menufix .logo {
        display: none;
    }

    header {
        position: relative
    }

    .part1 .col-md-6 span {
        font-size: 24pt;
        margin-bottom: 50px
    }

    .part1 .col-md-6 p {
        font-size: 11pt
    }

    .part1 .col-md-6 .more {
        font-size: 11pt;
        max-width: 132px;
        margin-top: 20px
    }

    .part2-text {
        width: 95%
    }
    .part2 .col-md-6 {
        height: auto;
    }

    .part2 .green .part2-text {
        left: inherit;
        right: 200px;
    }

    .part2 .blue .part2-text {
        left: inherit;
        right: 200px;
    }

    .part2 .col-md-6.blue img {
        right: 50px
    }

    .part3 {
        padding: 25px 0
    }

    #owl-demo2 .item > a > img {
        height: 137px
    }

    owl-demo2 .item a span {
        width: 125px;
        padding: 1px 0;
        font-size: 9pt
    }

    footer .col-sm-3, footer .col-sm-9 {
        width: 100%
    }

    .footer-title {
        padding: 15px 0
    }

    #owl-demo3 .owl-next, #owl-demo3 .owl-prev {
        top: -35px
    }

    #owl-demo3 .news-text {
        width: 138px
    }

    .material-scrolltop.reveal {
        display: none
    }

    .parent-menu .menuLine {
        margin-top: 0;
        height: 0
    }

    .parent-menu {
        height: auto
    }

    .logo {
        right: 7%;
        z-index: 1
    }

    .toggleCategori-page {
        display: block
    }

    .parentCategori {
        margin-bottom: 15px
    }

    .category-page, .search-result-list {
        display: none
    }

    .sidebar-widget-title {
        font-size: 12.5pt;
        padding: 3px 30px
    }

        .sidebar-widget-title.categoryTitle i {
            font-size: 11pt
        }

    .container.container-in .col-md-9, .product-list.row .col-sm-4 {
        padding: 0 15px
    }

    .product-list.row .page-number {
        margin: 0 15px 15px
    }

    .product-list .pro-item a img {
        height: 151px
    }

    .product-list .pro-item > a {
        margin: 15px auto 5px
    }

    .product-list .pro-item {
        min-height: 292px
    }

    .items a img {
        width: 82px
    }

    #owl-demo4 .item a span {
        font-size: 10pt
    }

    .kids-list .col-sm-6 a {
        max-height: 340px;
        min-height: 322px
    }

        .kids-list .col-sm-6 a img {
            height: 161px
        }

    .research-list .col-sm-6 a img {
        height: 217px
    }

    .formContact input.inputText.feedbackText {
        width: 162px !important
    }

    .form-one .col-sm-4, .form-one .col-sm-8 {
        width: 50%
    }

    .formRegister .col-sm-4 {
        width: 33.33333333%
    }

    .takhasos-item {
        border-bottom: 2px dashed #59bd56;
        padding: 15px 0
    }

        .takhasos-item .col-sm-4:nth-child(2) label {
            margin-bottom: 20px
        }

    .gallery2 {
        margin-bottom: 50px
    }

        .gallery2 .gallery nav .scrollable {
            height: 160px
        }

        .gallery2 .items a img {
            width: 102px !important
        }

    .kids-list .col-sm-6 a p {
        height: 78px;
        overflow: hidden
    }

    .foot-contact {
        height: auto !important
    }
}

@media(max-width:768px) {
    .container {
        width: 100%
    }

    .owl-theme .owl-controls .owl-buttons div {
        width: 50px;
        height: 50px
    }

    #owl-demo .owl-controls.clickable .owl-buttons .owl-next:before, #owl-demo .owl-controls.clickable .owl-buttons .owl-prev:before {
        font-size: 11px
    }

    #owl-demo .owl-controls.clickable .owl-buttons .owl-next {
        right: 5px
    }

    #owl-demo .owl-controls.clickable .owl-buttons .owl-prev {
        left: 5px
    }

    #owl-demo2 .item > a > img {
        height: auto
    }

    footer .col-sm-9 .col-sm-4:nth-child(2), footer .col-sm-9 .col-sm-4:nth-child(3) {
        display: none
    }

    #owl-demo3 .item img {
        width: 15%;
        height: auto
    }

    #owl-demo3 .news-text {
        width: 80%;
        margin-right: 5%
    }

    .logo {
        right: 10%
    }

    .product-list.row .col-sm-4 {
        width: 50%;
        float: right
    }

    .product-list .pro-item {
        min-height: 380px
    }

        .product-list .pro-item a img {
            height: auto
        }

    .Rowtxt, .fleft, .pages, .showRow {
        margin-bottom: 5px
    }

    .gallery {
        width: 400px;
        margin: 0 auto 50px
    }

    .scrollable {
        height: 100px
    }

    .scroller .items > * {
        margin: 0 8px
    }

    .items a img {
        width: 114px
    }

    .scroller .next {
        right: 42%
    }

    .scroller .prev {
        left: 42%
    }

    #owl-demo4 .item a span {
        font-size: 12pt;
        line-height: inherit;
        padding-top: 40%
    }

    .kids-list .col-sm-6 a {
        max-height: inherit;
        min-height: inherit
    }

        .kids-list .col-sm-6 a img, .research-list .col-sm-6 a img {
            height: auto
        }

        .kids-list .col-sm-6 a p {
            margin-bottom: 15px
        }

    .research-list .col-sm-6 a {
        min-height: inherit
    }

    .contact-info {
        margin-bottom: 20px
    }

    .formContact .feedback-input {
        width: 30%;
        margin: 0 0 0 1%
    }

    .reload {
        width: 5%;
        margin-top: 2.5%;
        margin-left: 2%
    }

    .formContact .captcha-data .group {
        width: 62%;
        margin-top: -2%
    }

    .formContact input.inputText.feedbackText {
        width: 100% !important
    }

    .formContact .captcha-data.half {
        margin-top: 10px
    }

    #owl-demo2 .item > a {
        min-height: 378px
    }

    .form-one .col-sm-4, .form-one .col-sm-8 {
        float: right
    }

    .formRegister .col-sm-4 {
        width: 100%
    }

    .formRegister .mui-select {
        margin-bottom: 35px
    }

    .formRegister .col-xs-6 {
        width: 50%
    }

    .form-one .col-sm-12:after, .form-one .col-sm-12:before, .form-one .col-sm-4:after, .form-one .col-sm-4:before, .form-one .col-sm-6:after, .form-one .col-sm-6:before, .form-one .col-sm-8:after, .form-one .col-sm-8:before {
        clear: both;
        display: table;
        content: ''
    }

    .form-one .col-sm-12 {
        width: 100%;
        clear: both
    }

    .learn-item, .zamen-item {
        border-bottom: 2px dashed #59bd56;
        padding: 15px 0
    }

    .form-content-hidden section {
        margin-bottom: 30px;
        border-bottom: 2px dashed #0d47a1;
        padding: 15px 0
    }

    .gallery2 .gallery {
        width: 376px;
        margin: auto;
        display: block
    }

    .kids-list .col-sm-6 a p {
        height: auto;
        overflow: visible
    }

    .research-list p {
        height: auto
    }

    .video {
        width: 80%
    }

        .video .close {
            right: 10px;
            top: 10px
        }

    .pre-circle img {
        width: 70%
    }

    .language > a {
        margin: 12vh 10px 0;
        position: relative
    }

        .language > a > img {
            width: 43px;
            height: 43px
        }

    .part2 .green .part2-text{
        right:135px;
    }
    .part2-text{
        bottom:110px;
    }
}

@media(max-width:620px) {
    .search-in {
        width: 194px
    }

        .search-in button {
            width: 55px;
            font-size: 7pt;
            height: 33px;
            margin-top: 7px
        }

        .search-in .group {
            width: 110px
        }

    .bread-crumb {
        float: right;
        width: 100%
    }

        .bread-crumb ol li {
            margin: 0 0 0 15px
        }

    .part2 .col-md-6 {
        height: 320px
    }

    .part2-text {
        bottom: 115px
    }

    /*.part2 .col-md-6.blue img {
        width: 443px !important;
        height: 315px !important;
        right: 109px
    }

    .part2 .col-md-6.green img {
        width: 327px !important;
        height: 220px !important
    }*/

        .part2 .green .part2-text{
            right:98px;
        }

        .part2-text .internalSeoLinks, .part2-text span {
            font-size: 16pt
        }

    .part2-text p {
        font-size: 13pt
    }

    .part2-text a {
        padding: 4px 15px;
        font-size: 8pt;
        margin-top: 50px
    }

    .part2 .blue .part2-text {
        right: 98px;
    }

    #owl-demo2 .item a span {
        width: 125px;
        padding: 2px 0;
        font-size: 8pt
    }

    .logo {
        right: 15%;
    }

        .logo img {
            width: 100px
        }

    .product-list.row .col-sm-4 {
        width: 100%
    }

    .product-list .pro-item {
        min-height: inherit
    }

        .product-list .pro-item a img {
            width: 60%
        }

    .kids-in h2 {
        min-width: 200px
    }

    .research-list .col-sm-6 {
        width: 100%;
        float: none
    }

    .formContact {
        margin-top: 0
    }

    .half {
        width: 100% !important
    }

    .formContact .feedback-input {
        width: 22%
    }

    .reload {
        width: 4%;
        margin-top: 2%
    }

    .formContact .captcha-data .group {
        width: 71%
    }

    .formContact .group {
        height: auto
    }

    #owl-demo2 .item > a {
        min-height: 328px
    }

    .form-one .col-sm-4, .form-one .col-sm-8 {
        width: 100%;
        float: none
    }

    .takhasos-item .col-sm-4:nth-child(2) {
        text-align: -moz-right;
        text-align: -webkit-right;
        text-align: right
    }

        .takhasos-item .col-sm-4:nth-child(2) label {
            margin-top: 8px;
            margin-bottom: 0
        }
}

@media(max-width:480px) {
    .head-l {
        margin: 10px 0 0 0
    }

    .language > a > strong {
        font-size: 6pt
    }

    .form input, .icon-close, .part2-text .internalSeoLinks, .part2-text span {
        font-size: 13pt
    }

    .lang {
        font-size: 7pt
    }

    .about p, .icon-search, .kids-list .col-sm-6 a p, .kids-list .col-sm-6 a span, .research-list .col-sm-6 a span {
        font-size: 8pt
    }

    .menuResize .link {
        font-size: 12px
    }

    .part2-text p {
        font-size: 10pt
    }

    .part2-text a {
        padding: 3px 13px;
        font-size: 7pt;
        margin-top: 20px
    }

    .kids-list .col-sm-6 a strong {
        font-size: 9pt;
        margin-bottom: 10px
    }

    .research-list .col-sm-6 a h2 {
        font-size: 9.5pt
    }

    .about-list a, .divider p {
        font-size: 9pt
    }

    .sidebar-widget-title, .summaryTitle {
        font-size: 10.5pt
    }

    .owl-theme .owl-controls .owl-buttons div {
        width: 35px;
        height: 35px;
        line-height: 2.8
    }

    #owl-demo .owl-controls.clickable .owl-buttons .owl-next:before, #owl-demo .owl-controls.clickable .owl-buttons .owl-prev:before {
        font-size: 8px
    }

    .owl-theme .owl-controls .owl-page {
        display: none
    }

    .lang a {
        padding: 0 5px
    }

        .lang a:after {
            height: 10px;
            top: 7px
        }

    .menuResize .links {
        margin: 45px 0 10px
    }

    .menuResize .trigger {
        height: 35px;
        width: 35px
    }

        .menuResize .trigger .line {
            height: 2px;
            width: 15.66667px
        }

    .btn {
        width: 25px;
        height: 25px
    }

    .part1 .col-md-6 {
        padding-top: 20px;
        padding-bottom: 20px
    }

        .part1 .col-md-6 span {
            font-size: 17pt;
            margin-bottom: 10px
        }

        .contact-info p, .part1 .col-md-6 p {
            font-size: 8.5pt
        }

        .part1 .col-md-6 .more {
            font-size: 8.5pt;
            max-width: 105px;
            margin-top: 10px
        }

    #owl-demo3 .news-text p, #owl-demo3 .news-text span {
        font-size: 7pt
    }

    .contact-info i {
        margin-left: 5px;
        font-size: 10pt
    }

    .part2 .col-md-6 {
        height: auto
    }

    .blue {
        background: #0a4b8b
    }

    /*.green {
        background: #59bd56
    }*/

    .part2 .col-md-6.blue img, .part2 .col-md-6.green img {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
        right: 0 !important;
        margin: auto;
        opacity: .5;
        position: relative
    }

    .part2 .blue .part2-text, .part2 .green .part2-text {
        left: 0;
        right: 0;
        margin: auto;
        top: 33%;
        bottom: 0;
        width: 100%;
        text-align: -moz-center;
        text-align: -webkit-center;
        text-align: center
    }

    .col-md-6:after, .part2-text:after {
        clear: both;
        display: table;
        content: ''
    }

    .part3 .title {
        font-size: 11pt;
        margin-bottom: 15px
    }

    .part3 {
        padding: 15px 0
    }

    #owl-demo2 .owl-next, #owl-demo2 .owl-prev {
        top: -38px;
        font-size: 6pt
    }

    #owl-demo2 .owl-next, #owl-demo2 .owl-prev {
        width: 30px;
        height: 30px
    }

    #owl-demo2 .owl-next {
        left: 40px
    }

    #owl-demo3 .item img {
        display: none
    }

    #owl-demo3 .news-text {
        width: 100%;
        margin-right: 0
    }

    .material-scrolltop.reveal {
        width: 45px;
        height: 45px
    }

    .logo {
        right: 10%;
    }

        .logo img {
            width: 80px
        }

    .container-in .title {
        font-size: 11pt
    }

    .bread-crumb ol li span {
        font-size: 8.5pt
    }

    .product-list .pro-item a img {
        width: 100%
    }

    .gallery {
        width: 250px
    }

    .scrollable {
        height: 75px
    }

    .scroller .items > * {
        margin: 0 2px
    }

    .items a img {
        width: 78px
    }

    .scroller .prev {
        left: 38%
    }

    .scroller .next {
        right: 38%
    }

    #owl-demo4 .item a span {
        font-size: 10pt
    }

    .kids-list .col-sm-6 a strong {
        min-width: 200px;
        padding: 8px 20px
    }

    .kids-list .col-sm-6 a p {
        margin-bottom: 10px
    }

    .research-list .col-sm-6 a {
        padding-bottom: 10px
    }

        .research-list .col-sm-6 a p {
            font-size: 8pt;
            padding: 0 15px;
            margin: 7px 0
        }

        .research-list .col-sm-6 a h2 {
            padding: 0 15px
        }

    .formContact .group {
        margin: 9px 0 9px
    }

    .contact-map {
        height: 135px
    }

    .formContact .feedback-input {
        width: 110px
    }

    .reload {
        width: 20px
    }

    .formContact .captcha-data .group {
        width: 100%;
        margin-top: 18px
    }

    .formContact .group label {
        font-size: 8.5pt
    }

    .formContact .group input:focus ~ label, .formContact .group input:valid ~ label, .formContact .group textarea:focus ~ label, .formContact .group textarea:valid ~ label {
        font-size: 7.5pt
    }

    .formContact .submit {
        min-width: 110px;
        height: 38px;
        font-size: 10pt
    }

    #owl-demo2 .item > a {
        min-height: inherit
    }

    #sendForm {
        clear: both;
        float: none;
        display: block;
        margin-top: 10px
    }

    button#sendForm:after {
        clear: both;
        display: table;
        content: ''
    }

    .gallery2 .gallery nav .scrollable {
        height: 125px
    }

    .gallery2 .gallery {
        width: 250px
    }

    .gallery2 .items a img {
        width: 77px !important
    }

    .button-container {
        padding: 3px 0;
        width: 60px
    }

        .button-container a {
            font-size: 8pt;
            width: auto;
            height: auto
        }

    .modal {
        width: 243px;
        right: -60px
    }

    .datetime {
        padding: 2.5px 5px 2.5px 0;
        font-size: 8.5pt;
        margin-right: 3px;
        margin-top: 7px
    }

        .datetime:after {
            height: 10px;
            top: 7px
        }

    .search {
        margin-right: 5px
    }

    .menuResize {
        top: 7px
    }

    .formRegister .input-validate, .formRegister .mui-select {
        margin-bottom: 15px
    }

    .formRegister .captcha-data {
        margin-top: 15px
    }
}