@media only screen and (max-width : 479px) {
    .main{width:300px}

.Navigation { width: 260px; right: 0; }
.mfram { overflow-y: scroll; height: 100%; }
.Nav { z-index: 5; height: 670px; }
.submenu { position: static; }

header { z-index: 1; }
.Top { height: 240px; background-color: rgb(255, 255, 255); overflow: visible; }
#Main-Slider { display: none !important; }
.hamburger{right: 9px;}
.Top .on-slider { padding: 0; position: relative; top: 0; width: auto; display: block; z-index: 1; }
.Logo { float: none; margin: 0 auto; }
.Search-language { width: auto; float: none; }
.language { text-align: center; }
.language > a { margin: 31px 10px 0; }
.Search-language input[type="text"] { color: rgb(0, 0, 0); }

.news { height: auto; margin-top: 0; }
.news ul li { width: 236px; }
.news ul li:hover { transform: none;border: none; }
.triangle { display: none !important; }
.pro-title { position: relative; width: auto; height: auto; float: none; margin: 0 auto; padding: 30px 4px; }
.pro-title::before { content: none; }
.products h2 { font-size: 25px; position: relative; right: 0; top: 0; }
.products .tabs { width: auto; float: none; height: auto;margin: 21px auto 0;}
.products .tabs li { float: none; display: inline-block; }
.products .tab-desc { float: none; display: block; }
.sub-pr { width: auto; display: block; text-align: center; }
.sub-pr h4 { text-align: center; }
.pro-img { float: none; position: relative; width: auto; height: auto; }
.border { display: none; }
.pro-img img.on { position: relative; top: 0; left: 0; width: 100%; height: auto; }

.export-pic { float: none; margin: 0 auto; width: auto; height: auto; }
.export-pic img { right: 0; top: 0; width: 100%; height: auto; }
.export-txt { width: 95%; float: none; }
.export-txt h1 { margin-top: 22px; }

.prject-title { position: relative; left: 0; height: auto; width: auto; }
    .prject-title h3 { left: 0; top: 0; padding: 10px; text-align: center; font-size: 22px; }
.prject-title h3 span { position: relative; right: 0; top: 0; }
.projects-ul { float: none; width: auto; }
.projects-ul ul { padding: 0; margin-top: 42px; }
.projects-ul ul li{margin: 0 auto 12px;}
.project-view { right: -76px;z-index: 1; }
.previews { width: auto; float: none; z-index: 1; }
.previews figure img { width: 100%; height: auto; }

.mainsales { margin: 0 auto; }
.price-title { height: auto; float: none; margin: 0 auto; padding: 15px 2px; width: auto; }
.price-title::before { content: none; }
.price-title h3 { font-size: 20px; position: relative; left: 0; top: 0; text-align: right; }
.price-title h3 span { position: relative; right: 0; top: 0; }
.price .tozihat-table { width: auto; float: none; overflow-x: auto; }
.price .tozihat-table table { width: 600px; }
    .price .tabs { width: auto; float: none; height: auto; text-align: right; margin: 52px auto 0; }
.map { width: auto; float: none; }
.contact { width: auto; float: none; }
.contact-info { width: auto; top: 490px; left: 0; right: 0; }

.lab { display: none; }
footer { background-color: rgb(2, 1, 1); padding: 40px 0; }
.footer-bg { display: none; }
footer > .main { position: relative; top: 0; margin: 0 auto; }
.footer-sections .first { margin: 0 auto; float: none; width: auto; text-align: left; }
.footer-sections .second { margin: 54px auto; width: auto; float: none; text-align: center; }
.footer-sections .third { width: auto; float: none; }
.footer-sections h3 { width: auto; text-align: center; margin-bottom: 6px; }
.footer-sections .first ul li { text-align: center; }
.footer-sections .third ul { width: auto; margin: 0 auto; text-align: center; }
.footer-sections .third ul li { float: none; display: inline-block; }
.copyright { text-align: center; margin-top: 50px; }
}
@media only screen and (min-width : 480px) and (max-width : 719px){
    .main{width:460px}

.Top { height: 215px; }
.Top .on-slider { padding-left: 0; }
#Main-Slider .item figure { height: auto; }
.caption { width: auto; left: 0; right: 0; top: 140px; }
.caption p { width: auto; float: none; margin: 0 auto; font-size: 40px; height: auto; text-align: center; }
.Search-language { width: 280px; float: none; }

.Navigation { width: 260px; right: 0; }
.mfram { overflow-y: scroll; height: 100%; }
.Nav { z-index: 5; height: 670px; }
.submenu { position: static; }

.news { height: auto; margin-top: 0; }
.news ul li { width: 236px; }
.triangle { display: none !important; }
.products .tab-desc { float: none; display: block; }
.sub-pr { width: 32%; }
.pro-img { float: none; position: relative; }
    .border { display: none; }
.pro-img img.on { position: relative; top: 0; left: 0; }

.export-pic { float: none; margin: 0 auto; width: auto; height: auto; }
.export-pic img { right: 0; top: 0; width: 100%; height: auto; }
.export-txt { width: 95%; float: none; }
.export-txt h1 { margin-top: 22px; }

.prject-title { position: relative; left: 0; height: auto; width: auto; }
.prject-title h3 { left: 0; top: 0;padding: 10px; }
.prject-title h3 span { position: relative; right: 0; top: 0; }
.projects-ul { float: none; width: auto; }
.projects-ul ul { padding: 0; margin-top: 42px; }
.project-view { right: -76px;z-index: 1; }
.previews { width: auto; float: none;z-index: 1; }


.mainsales { margin: 0 auto; }
.price .tozihat-table { width: auto; float: none; overflow-x: auto; }
.price .tozihat-table table { width: 600px; }
.map { width: auto; float: none; }
.contact { width: auto; float: none; }
.contact-info { width: auto; top: 490px; left: 0; right: 0; }
.price .tabs { width: auto; }

.lab { display: none; }
footer { background-color: rgb(2, 1, 1); padding: 40px 0; }
.footer-bg { display: none; }
footer > .main { position: relative; top: 0; margin: 0 auto; }
.footer-sections .first { margin: 0 auto; float: none; width: auto; text-align: left; }
.footer-sections .second { margin: 54px auto; width: auto; float: none; text-align: center; }
.footer-sections .third { width: auto; float: none; }
.footer-sections h3 { width: auto; text-align: center; margin-bottom: 6px; }
.footer-sections .first ul li { text-align: center; }
.footer-sections .third ul { width: auto; margin: 0 auto; text-align: center; }
.footer-sections .third ul li { float: none; display: inline-block; }
.copyright { text-align: center; margin-top: 50px; }
}
@media only screen and (min-width : 720px) and (max-width : 1000px) {
.main{width:700px}

.Top { height: 415px; }
#Main-Slider .item figure { height: auto; }
.caption { width: auto; left: 0; right: 0; top: 140px; }
.caption p { width: auto; float: none; margin: 0 auto; font-size: 40px; height: auto; text-align: center; }

.Navigation { width: 260px; right: 0; }
.mfram { overflow-y: scroll; height: 100%; }
.Nav { z-index: 5; height: 670px; }
.submenu { position: static; }

.triangle{display:none !important;}
.news ul li { width: 175px; }
.products .tabs { width: auto; margin-right: 78px; }
.products .tab-desc { float: none; display: block; }
.sub-pr {width: 33%; }
.pro-img { float: none; position: relative; }
.pro-img img.on { position: relative; top: 0; left: 0; }
.border { display: none; }
.export-pic{float:none;margin:0 auto;}
.export-pic img { right: -56px; }
.export-txt { width: 95%; float: none; }
.export-txt h1 { margin-top: 90px; }
.prject-title { position: relative; left: 0; height: auto; width: auto; }
.prject-title h3 { left: 0; top: 0;padding: 10px; }
.prject-title h3 span { position: relative; right: 0; top: 0; }
.projects-ul { float: none; width: auto; }
.projects-ul ul { padding: 0; margin-top: 42px; }
.project-view { right: -76px;z-index: 1; }
.previews { width: auto; float: none;z-index: 1; }
.price .tabs { width: auto; margin-right: 81px; }
.lab img { display: none; }
.mainsales{margin:0 auto;}
.price .tozihat-table { width: 95%; float: none; }
.map { width: auto; float: none; }
.contact { width: auto; float: none; }
.contact-info { width: auto; top: 490px; left: 0; right: 0; }
    .footer-sections .first { margin-left: 0; }
    .footer-sections .second { margin: 0 35px; width: 176px; }
    .footer-sections h3{width:auto;}
}
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    .main { width: 980px; }
    .caption p { width: auto; margin-right: 150px; }
    .pro-img img.on { top: 0; left: 0; }
    .border { display: none; }
    .export-txt { width: 38%; }
    .export-txt h1 { margin-top: 65px; margin-bottom: 35px; }
    .footer-sections .first { margin-left: 100px; }
    .lab img { top: -281px; }
}

@media only screen and (min-width : 1250px){
    .main{width:1200px}
		
}