@media only screen and (max-width: 768px){
.menu-content .close-btn:hover {
transform: none;
}
.processbox h1 {text-align: right;}
.rtfcontent {
text-align: center;
}
.newslatter form {
text-align: center;
}
.newslatter form input[type="submit"] {
margin: 0 auto;
}
.abt1 h1, .abt2 h2 {
margin-top: 20px;
}
.abtleft {
padding: 0 15px;
}
div#tooltips {
display: none !important;
}
.level2m,
.level3m {
overflow: hidden;
transition: height 0.3s ease;
}
.togglem {
font-weight: bold;
font-size: 20px;
color: #c00;
transition: transform 0.3s ease;
}
.openm > .headm .togglem,
.openm > .sub-headm .togglem {
transform: rotate(180deg);
color: #000;
}
li.itemm.openm {
border: 1px solid #D9D9D9;
padding: 13px;
margin-bottom: 20px;
border-radius: 20px;
}
li.itemm {
transition: 0.5s;
}
.level3m li small {
font-size: 15px;
}
.level3m li:last-child {
border: none;
}
.usgmenubox {
display: none;
}
.usgmenuboxm {
display: block;
}
.usgmenuboxm {
background: #fff;
border-radius: 15px;
padding: 0;
width: 100%;
margin-bottom: 30px;
}
.usgmenum,
.usgmenum ul {
list-style: none;
margin: 0;
padding: 0;
}
.usgmenum .headm {
display: flex;
align-items: center;
justify-content: flex-start;
background: #ffffff;
border-radius: 40px;
padding: 12px 15px;
margin-bottom: 13px;
cursor: pointer;
transition: background 0.3s;
border: 1px solid #D9D9D9;
}
.usgmenum .headm:hover {
border-color: var(--color1);
color: var(--color1);
}
.usgmenum .headm img {
width: 26px;
margin-left: 8px;
}
.usgmenum .togglem {
background: none;
border: none;
font-size: 18px;
color: var(--color1);
font-weight: bold;
cursor: pointer;
margin-right: auto;
}
.level2m {
display: none;
padding: 10px 0 10px 15px;
background: #f5f5f5;
padding: 10px !important;
margin-bottom: 10px !important;
border-radius: 15px;
}
.sub-headm {
display: flex;
justify-content: space-between;
background: #fff;
border: 1px solid #eee;
padding: 10px 12px;
border-radius: 48px;
font-size: 14px;
margin-bottom: 5px;
align-items: center;
}
.level3m {
display: none;
padding: 8px 10px;
margin: 5px 0;
text-align: left;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.level3m li {
font-size: 15px;
color: #333;
padding: 6px 0;
border-bottom: 1px dashed #bcbcbc;
}
.level3m strong {
display: block;
font-weight: 600;
}
.openm > .level2m,
.openm > .level3m {
display: block;
}
.lang-switch:before{
display: none;
}
.pdfbox:before {
background-position: center !important;
height: 120px;
}
.titlepage h1 {
margin-bottom: 20px;
}
.search-group img {
display: none;
}
.blog-search {
padding: 20px 0;
}
.gallery-item .overlay {
opacity: 1;
height: 100%;
background: linear-gradient(to top, #d7172eb3, #d7172e00);
}
.processbox:before , .policy-box:before{
display: none;
}
.processbox img {
display: none;
}
.pdfboxs {
width: 100%;
display: flex;
justify-content: center;
}
.pdfbox {
width: 47%;
padding-top: 120px;
}
.processbox , .policy-box {
border: 1px solid #DDDDDD !important;
padding-top: 30px;
text-align: justify;
margin-top: 0;
margin-bottom: 30px;
}
.usage-grid {
display: block;
}
.usage-box {
width: 100%;
padding: unset;
margin-bottom: 20px;
}
.product-features {
padding: 0 !important;
}
.product-title {
padding-top: 11px;
}
.product-title:before {
width: 100%;
}
.tab-panel.active {
display: block;
}
.sub-tabs {
width: 100%;
}
.sub-contents {
width: 100%;
}
.tab-content {
width: 100%;
padding: 20px;
}
.contact-info {
background-size: cover;
}
.contact-form:before {
display: none
}
.contact-form.contact-form-box {
background: red;
margin-top: 50px;
background: #F8F8F8;
border-radius: 15px;
border: 1px solid #E9E9E9;
padding: 20px;
}
.cat {
display: none;
}
.sidebar-content {
padding: 15px 15px 25px 15px;
}
.menu-icon2 {
top: -3px;
}
.sidebar-toggle {
display: block;
align-items: center;
width: 100%;
font-family: 'YekanBakh';
margin-bottom: 30px;
}
.datapost {
display: block;
text-align: center;
padding: 21px 20px 20px 20px;
}
.form-row {
display: block;
}
.contentboxsngl .comment-form input, .contentboxsngl .comment-form textarea {
margin: 5px 0;
}
.contentboxsngl .comments {
padding: 30px 20px;
}
.contentboxsngl .stars label{ font-size: 26px; }
.contentboxsngl .rating-box{padding: 6px 14px 20px 14px;justify-content: center;display: block;}
.search-group {
flex-direction: column !important;
align-items: stretch;
padding: 15px !important;
}
.search-group select,
.search-group button {
width: 100%;
display: flex;
justify-content: center;
}
.titleproduct:before {
display: none;
}
.abt1 .col-lg-7 {
padding-left: 15px;
}
.page-template-front-page .menu-icon:before {
filter: brightness(0) invert(1) !important;
}
.aboutpage.snglpage {
margin-top: 30px;
}
.stats-box {
display: block;
}
.stat-item:not(:last-child)::after {
display: none;
}
.stat-item {
margin-bottom: 10px;
display: block;
width: 70%;
margin: 20px auto;
border: 1px solid #dbdbdb;
border-radius: 20px;
padding: 10px 0;
}
.abt3 {
width: 100%;
padding-left: 15px;
padding: 30px 15px 0px 15px;
}
.abt3 img {
width: 100%;
left: 0;
position: relative;
bottom: 0;
}
.abt1 .col-lg-5 {
padding-right: 15px;
}
.abt3:before {
background: linear-gradient(to top, #ffffff 30%, var(--color1)) !important;
width: 100%;
}
.bottomfooter {
display: block;
padding: 13px;
margin: 0 23px;
}
.bottomfooter ul {
width: 100%;
}
.bottomfooter ul li {
width: 100%;
display: block;
text-align: center;
}
.bottomfooter ul li i {
display: inline-block;
top: 3px;
position: relative;
}
.bottomfooter ul li p {
width: 100%;
}
.mapfooter {
width: 100%;
margin-top: 20px;
}
.mapfooter:before {
background: linear-gradient(to bottom, #595e67, #d7172e00);
width: 100%;
height: 110%;
}
.copyright {
margin: 20px 20px;
background: linear-gradient(to right, rgba(255, 0, 0, 0), #d7172e, rgba(255, 0, 0, 0));
}
.rtflogo {
display: flex;
flex: 0 0 21%;
justify-content: center;
align-items: center;
}
.footer:before {
display: none;
}
.footer {
padding-top: 0;
border-radius: 30px;
margin-top: 120px;
}
.topfooter {
position: relative;
bottom: 0;
display: block;
}
.ltf img {
width: 100%;
}
.ltf {
margin: 0px 20px 25px 20px;
display: block;
border-bottom: 1px solid #636363;
padding-bottom: 20px;
padding: 0px 0 20px 0;
}
.ltf a {
top: 0;
display: block;
right: 0;
padding: 60px 10px 40px 0px;
}
.ltf a span:before {
width: 130px;
bottom: 10px;
}
.rtf {
display: block;
text-align: Ù‚;
border-bottom: 1px solid #636363;
padding-bottom: inherit;
margin: 0 20px 14px 20px;
padding: 0px 0 25px 0;
}
.rtfcontent p {
padding: 0;
text-align: center;
color: #fff;
line-height: 24px;
}
.rtfcontent span {
color: #fff;
}
.rtflogo img {
filter: brightness(0) invert(1);
margin-bottom: 10px;
}
.menufooter {
display: block;
border-bottom: 1px solid #636363;
margin-bottom: 30px;
}
.menubox {
margin-bottom: 20px;
text-align: center;
}
.newslatter {
padding: 0;
}
.centerfooter {
padding: 15px 25px 15px 25px;
}
.newslatter {
border-bottom: 1px solid #636363;
margin-bottom: 30px;
text-align: center;
}
.centerfooter .col-lg-2 {
padding: 0 14px;
}
section.blog a.btst {
display: flex;
width: 121px;
justify-content: center;
margin: 0 auto;
}
.titleblog a {
position: absolute;
left: 0;
right: 0;
width: 130px;
margin: 0 auto;
}
.cert-list li:last-child strong, .cert-list li:last-child p {
color: unset;
}
section.certificates:before {
bottom: 30px;
}
section.certificates:after {
bottom: 20px;
}
.certificates {
padding: 50px 0;
}
.contact-inner {
display: block;
}
.contact-inner {
padding: 20px;
text-align: center;
border-radius: 20px;
}
.contact-inner:before , .contact-inner:after {
display: none;
}
.contact-arrow {
display: none;
}
.contact-info {
display: block;
}
.contact-item {
display: flex;
justify-content: center;
padding-top: 10px;
}
i.icon-fax {
margin: 0;
}
.contact-item i {
width: 50px;
}
i.icon-fax:after {
display: none;
}
.contact-title {
margin-bottom: 10px;
}
section.contact-bar {
margin: 0 0;
}
.gallery-top {
display: block;
height: auto;
}
.gallery-bottom {
display: block;
height: auto;
}
a.gallery-item {border-radius: 20px;overflow: hidden;display: block;margin-bottom: 20px;}
.gallery-item img {display: block;}
.menu-icon:before {
filter: grayscale(1) brightness(0) !important;
}
.consult-box {
padding: 65px 20px 33px 10px;
}
.consult-box h2 span {
display: block;
}
.consult-box:before {
display: none;
}
.icon-grid {
width: 100%;
}
.col-lg-6.sol-right {
margin-top: 30px;
}
section.products {
margin: 130px 0 20px 0;
}
.titleproduct span {
font-size: 70px;
}
.productbx:hover {
transform: none;
}
section.products:before , section.products:after , section.solutions:before , section.solutions:after {
display: none;
}
.productbx {
margin-bottom: 30px;
}
.abtright {padding-left: 15px;}
section.about {
margin: 50px 0;
}
.text-box {
margin-top: 30px;
margin-bottom: 40px;
}
.contentbox {
width: 100%;
top: 33%;
}
.menu-icon:before{
content: '';
width: 26px;
height: 26px;
background-image: url(../images/menu.svg);
display: inline-block;
background-repeat: no-repeat;
position: relative;
background-position: center;
background-size: 100%;
top: 5px;
left: -6px;
filter: brightness(0) invert(1);
transform: scaleX(-1);
}
ul.menu {
display: none;
}
.phone {
display: none;
}
.left-side {
width: 33%;
}
nav.navbar {
width: 33%;
display: flex;
justify-content: flex-start;
}
.logo {
width: 34%;
background: red;
}
.logo:before {
width: 110px;
top: 9px;
left: 0;
right: -5px;
margin: 0 auto;
background-position: top center;
}
.logo img {
width: 66px;
height: auto;
right: 0;
left: 9px;
margin: 0 auto;
}
.header {
padding: 10px 10px;
width: 100%;
margin: 0 auto;
}
.page-template-front-page .header {
padding: 10px 10px;
width: 90%;
margin: 0 auto;
}
header {
margin-top: 33px;
}
.row.column-reverse {
flex-direction: column-reverse;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
.menu-content .close-btn:hover {
transform: none;
}
.processbox h1 {text-align: right;}
.rtfcontent {
text-align: center;
}
.newslatter form {
text-align: center;
}
.newslatter form input[type="submit"] {
margin: 0 auto;
}
.abt1 h1, .abt2 h2 {
margin-top: 20px;
}
.abtleft {
padding: 0 15px;
}
div#tooltips {
display: none !important;
}
.level2m,
.level3m {
overflow: hidden;
transition: height 0.3s ease;
}
.togglem {
font-weight: bold;
font-size: 20px;
color: #c00;
transition: transform 0.3s ease;
}
.openm > .headm .togglem,
.openm > .sub-headm .togglem {
transform: rotate(180deg);
color: #000;
}
li.itemm.openm {
border: 1px solid #D9D9D9;
padding: 13px;
margin-bottom: 20px;
border-radius: 20px;
}
li.itemm {
transition: 0.5s;
}
.level3m li small {
font-size: 15px;
}
.level3m li:last-child {
border: none;
}
.usgmenubox {
display: none;
}
.usgmenuboxm {
display: block;
}
.usgmenuboxm {
background: #fff;
border-radius: 15px;
padding: 0;
width: 100%;
margin-bottom: 30px;
}
.usgmenum,
.usgmenum ul {
list-style: none;
margin: 0;
padding: 0;
}
.usgmenum .headm {
display: flex;
align-items: center;
justify-content: flex-start;
background: #ffffff;
border-radius: 40px;
padding: 12px 15px;
margin-bottom: 13px;
cursor: pointer;
transition: background 0.3s;
border: 1px solid #D9D9D9;
}
.usgmenum .headm:hover {
border-color: var(--color1);
color: var(--color1);
}
.usgmenum .headm img {
width: 26px;
margin-left: 8px;
}
.usgmenum .togglem {
background: none;
border: none;
font-size: 18px;
color: var(--color1);
font-weight: bold;
cursor: pointer;
margin-right: auto;
}
.level2m {
display: none;
padding: 10px 0 10px 15px;
background: #f5f5f5;
padding: 10px !important;
margin-bottom: 10px !important;
border-radius: 15px;
}
.sub-headm {
display: flex;
justify-content: space-between;
background: #fff;
border: 1px solid #eee;
padding: 10px 12px;
border-radius: 48px;
font-size: 14px;
margin-bottom: 5px;
align-items: center;
}
.level3m {
display: none;
padding: 8px 10px;
margin: 5px 0;
text-align: left;
margin-bottom: 10px !important;
margin-top: 10px !important;
}
.level3m li {
font-size: 15px;
color: #333;
padding: 6px 0;
border-bottom: 1px dashed #bcbcbc;
}
.level3m strong {
display: block;
font-weight: 600;
}
.openm > .level2m,
.openm > .level3m {
display: block;
}
.lang-switch:before{
display: none;
}
.pdfbox:before {
background-position: center !important;
height: 120px;
}
.titlepage h1 {
margin-bottom: 20px;
}
.search-group img {
display: none;
}
.blog-search {
padding: 20px 0;
}
.gallery-item .overlay {
opacity: 1;
height: 100%;
background: linear-gradient(to top, #d7172eb3, #d7172e00);
}
.processbox:before , .policy-box:before{
display: none;
}
.processbox img {
display: none;
}
.pdfboxs {
width: 100%;
display: flex;
justify-content: center;
}
.pdfbox {
width: 47%;
padding-top: 120px;
}
.processbox , .policy-box {
border: 1px solid #DDDDDD !important;
padding-top: 30px;
text-align: justify;
margin-top: 0;
margin-bottom: 30px;
}
.usage-grid {
display: block;
}
.usage-box {
width: 100%;
padding: unset;
margin-bottom: 20px;
}
.product-features {
padding: 0 !important;
}
.product-title {
padding-top: 11px;
}
.product-title:before {
width: 100%;
}
.tab-panel.active {
display: block;
}
.sub-tabs {
width: 100%;
}
.sub-contents {
width: 100%;
}
.tab-content {
width: 100%;
padding: 20px;
}
.contact-info {
background-size: cover;
}
.contact-form:before {
display: none
}
.contact-form.contact-form-box {
background: red;
margin-top: 50px;
background: #F8F8F8;
border-radius: 15px;
border: 1px solid #E9E9E9;
padding: 20px;
}
.cat {
display: none;
}
.sidebar-content {
padding: 15px 15px 25px 15px;
}
.menu-icon2 {
top: -3px;
}
.sidebar-toggle {
display: block;
align-items: center;
width: 100%;
font-family: 'YekanBakh';
margin-bottom: 30px;
}
.datapost {
display: block;
text-align: center;
padding: 21px 20px 20px 20px;
}
.form-row {
display: block;
}
.contentboxsngl .comment-form input, .contentboxsngl .comment-form textarea {
margin: 5px 0;
}
.contentboxsngl .comments {
padding: 30px 20px;
}
.contentboxsngl .stars label{ font-size: 26px; }
.contentboxsngl .rating-box{padding: 6px 14px 20px 14px;justify-content: center;display: block;}
.search-group {
flex-direction: column !important;
align-items: stretch;
padding: 15px !important;
}
.search-group select,
.search-group button {
width: 100%;
display: flex;
justify-content: center;
}
.titleproduct:before {
display: none;
}
.abt1 .col-lg-7 {
padding-left: 15px;
}
.page-template-front-page .menu-icon:before {
filter: brightness(0) invert(1) !important;
}
.aboutpage.snglpage {
margin-top: 30px;
}
.stats-box {
display: block;
}
.stat-item:not(:last-child)::after {
display: none;
}
.stat-item {
margin-bottom: 10px;
display: block;
width: 70%;
margin: 20px auto;
border: 1px solid #dbdbdb;
border-radius: 20px;
padding: 10px 0;
}
.abt3 {
width: 100%;
padding-left: 15px;
padding: 30px 15px 0px 15px;
}
.abt3 img {
width: 100%;
left: 0;
position: relative;
bottom: 0;
}
.abt1 .col-lg-5 {
padding-right: 15px;
}
.abt3:before {
background: linear-gradient(to top, #ffffff 30%, var(--color1)) !important;
width: 100%;
}
.bottomfooter {
display: block;
padding: 13px;
margin: 0 23px;
}
.bottomfooter ul {
width: 100%;
}
.bottomfooter ul li {
width: 100%;
display: block;
text-align: center;
}
.bottomfooter ul li i {
display: inline-block;
top: 3px;
position: relative;
}
.bottomfooter ul li p {
width: 100%;
}
.mapfooter {
width: 100%;
margin-top: 20px;
}
.mapfooter:before {
background: linear-gradient(to bottom, #595e67, #d7172e00);
width: 100%;
height: 110%;
}
.copyright {
margin: 20px 20px;
background: linear-gradient(to right, rgba(255, 0, 0, 0), #d7172e, rgba(255, 0, 0, 0));
}
.rtflogo {
display: flex;
flex: 0 0 21%;
justify-content: center;
align-items: center;
}
.footer:before {
display: none;
}
.footer {
padding-top: 0;
border-radius: 30px;
margin-top: 120px;
}
.topfooter {
position: relative;
bottom: 0;
display: block;
}
.ltf img {
width: 100%;
}
.ltf {
margin: 0px 20px 25px 20px;
display: block;
border-bottom: 1px solid #636363;
padding-bottom: 20px;
padding: 0px 0 20px 0;
}
.ltf a {
top: 0;
display: block;
right: 0;
padding: 60px 10px 40px 0px;
}
.ltf a span:before {
width: 130px;
bottom: 10px;
}
.rtf {
display: block;
text-align: Ù‚;
border-bottom: 1px solid #636363;
padding-bottom: inherit;
margin: 0 20px 14px 20px;
padding: 0px 0 25px 0;
}
.rtfcontent p {
padding: 0;
text-align: center;
color: #fff;
line-height: 24px;
}
.rtfcontent span {
color: #fff;
}
.rtflogo img {
filter: brightness(0) invert(1);
margin-bottom: 10px;
}
.menufooter {
display: block;
border-bottom: 1px solid #636363;
margin-bottom: 30px;
}
.menubox {
margin-bottom: 20px;
text-align: center;
}
.newslatter {
padding: 0;
}
.centerfooter {
padding: 15px 25px 15px 25px;
}
.newslatter {
border-bottom: 1px solid #636363;
margin-bottom: 30px;
text-align: center;
}
.centerfooter .col-lg-2 {
padding: 0 14px;
}
section.blog a.btst {
display: flex;
width: 121px;
justify-content: center;
margin: 0 auto;
}
.titleblog a {
position: absolute;
left: 0;
right: 0;
width: 130px;
margin: 0 auto;
}
.cert-list li:last-child strong, .cert-list li:last-child p {
color: unset;
}
section.certificates:before {
bottom: 30px;
}
section.certificates:after {
bottom: 20px;
}
.certificates {
padding: 50px 0;
}
.contact-inner {
display: block;
}
.contact-inner {
padding: 20px;
text-align: center;
border-radius: 20px;
}
.contact-inner:before , .contact-inner:after {
display: none;
}
.contact-arrow {
display: none;
}
.contact-info {
display: block;
}
.contact-item {
display: flex;
justify-content: center;
padding-top: 10px;
}
i.icon-fax {
margin: 0;
}
.contact-item i {
width: 50px;
}
i.icon-fax:after {
display: none;
}
.contact-title {
margin-bottom: 10px;
}
section.contact-bar {
margin: 0 0;
}
.gallery-top {
display: block;
height: auto;
}
.gallery-bottom {
display: block;
height: auto;
}
a.gallery-item {border-radius: 20px;overflow: hidden;display: block;margin-bottom: 20px;}
.gallery-item img {display: block;}
.menu-icon:before {
filter: grayscale(1) brightness(0) !important;
}
.consult-box {
padding: 65px 20px 33px 10px;
}
.consult-box h2 span {
display: block;
}
.consult-box:before {
display: none;
}
.icon-grid {
width: 100%;
}
.col-lg-6.sol-right {
margin-top: 30px;
}
section.products {
margin: 130px 0 20px 0;
}
.titleproduct span {
font-size: 70px;
}
.productbx:hover {
transform: none;
}
section.products:before , section.products:after , section.solutions:before , section.solutions:after {
display: none;
}
.productbx {
margin-bottom: 30px;
}
.abtright {padding-left: 15px;}
section.about {
margin: 50px 0;
}
.text-box {
margin-top: 30px;
margin-bottom: 40px;
}
.contentbox {
width: 100%;
top: 33%;
}
.menu-icon:before{
content: '';
width: 26px;
height: 26px;
background-image: url(../images/menu.svg);
display: inline-block;
background-repeat: no-repeat;
position: relative;
background-position: center;
background-size: 100%;
top: 5px;
left: -6px;
filter: brightness(0) invert(1);
transform: scaleX(-1);
}
ul.menu {
display: none;
}
.phone {
display: none;
}
.left-side {
width: 33%;
}
nav.navbar {
width: 33%;
display: flex;
justify-content: flex-start;
}
.logo {
width: 34%;
background: red;
}
.logo:before {
width: 110px;
top: 9px;
left: 0;
right: -5px;
margin: 0 auto;
background-position: top center;
}
.logo img {
width: 66px;
height: auto;
right: 0;
left: 9px;
margin: 0 auto;
}
.header {
padding: 10px 10px;
width: 100%;
margin: 0 auto;
}
.page-template-front-page .header {
padding: 10px 10px;
width: 90%;
margin: 0 auto;
}
header {
margin-top: 33px;
}
.row.column-reverse {
flex-direction: column-reverse;
}
}