@media only screen and (max-height: 900px) {
header nav ul li a { padding: 8px 20px; }
header nav ul { height: 61vh }
}
 @media only screen and (max-height: 700px) {
header nav ul li a { font-size: 15px; font-weight: 400; padding: 5px 20px; }
header nav ul { height: 54vh }
}
 @media only screen and (max-height: 640px) {
header nav ul li a { font-size: 16px; font-weight: 400; padding: 6px 20px; }
header nav ul { height: 58vh }
  
  .sidebar-item{
   
   padding: 8px 0;
  }
}
 @media only screen and (max-width:1600px) {
.banner-shape { width: 450px; }
.banner-content h2 { font-size: 50px; line-height: 55px; }
.about-content p { padding: 7px 0 0 0; }
figure.effect-hera figcaption::before { width: 150px; height: 150px; }
.home-projects h2 { font-size: 50px; line-height: 52px; }
.home-warap h1 { font-size: 32px; }
.social li { width: 30px; }
.social li img { width: 100%; }
}
 @media only screen and (max-width:1400px) {
figure.effect-hera figcaption::before { width: 130px; height: 130px; }
figure.effect-hera h2 { font-size:22px;  padding: 10px 20px;}
.home-abt-img { width: 36%; }
.about-content { width:100%; padding: 50px 20px 0 20px; }
.social li img { width: 100%; }
.home-projects h2, .projects-cont h2 { font-size: 40px !important; }
.home-projects h3, .projects-cont h3 { font-size: 22px; }
.projects-cont h2 { margin-top: 140px; }
.footer-contact li{font-size: 14px;}
}
 @media only screen and (max-width:1300px) {
.home-projects h2 { margin: 150px 0 0 0; }

.contact-cont .contact-left { padding: 45px 45px }
.contact-cont .contact-right { padding: 45px 45px }
.footer-contact li{padding: 0 0px 0 60px;}
.footer-contact li .phone{
  padding-left: 60px;
}

.footer-contact li .fax{
  padding-left: 60px;
}
.footer-contact li .instagram{
  padding-left: 60px;
}
}
 @media only screen and (max-width:1200px) {
.menu-part { width: 20%; }
.logo { width: 180px; margin: 0 0 0 0px; }
.logo-sec { padding:0; }
header nav { padding: 15px 0 0 0; }
.social { padding: 10px 10px 0 10px; }
.head-top-cont { width: 80%; padding: 0 40px; }
.banner-shape { width: 370px; }
.left-cont { width:100%; }
.right-cont { width: 20%; }
.home-about { padding: 0 40px; }
.home-services { padding-left: 40px; padding-right: 40px; }
.home-projects { padding: 0 0 0 40px; }
.home-projects h1 { left: 40px; }
.bottom-part { padding:0; }
.footer-contact{padding: 80px 40px 200px 40px;}
.footer-contact li{ padding: 0 0px 0 50px; font-size:13px}
.footer-contact li.address{ background-size:38px; }
.footer-contact li.phone{ background-size:38px; }
.footer-contact li .fax{ background-size:38px;padding-left:50px}
.footer-contact li.mail{ background-size:38px;  }
.footer-contact li .phone{background-size:38px;padding-left:50px}
.footer-contact li .instagram{background-size:35px; padding-left:50px}
.social li { width: 30px; height: 30px; }
.social li img { width: 100%; }
.home-projects h2, .projects-cont h2 { font-size: 38px !important; }
.home-projects h3, .projects-cont h3 { font-size: 20px; }
.home-projects h2 { margin: 100px 0 0 0; }
.home-warap h1 { top: 25px; font-size: 26px; }
.lt-news-cont { padding: 0 20px; }
.lt-news-cont h2 { font-size: 16px; }
.miras-scroll img { width: 760px !important; }
.miras-scroll { bottom: 46px; }
.md-left { width: 30%; }

.md-image { width: 100%; }
.inner-cont h2 { font-size: 25px; }
.page-head { margin-left: 40px; }
.about-part { padding-left: 40px; padding:50px 0px 70px 40px; }
.md-message { padding-left: 40px; }
.abt-bottom { padding: 0 40px; }
.vision-area { padding: 50px 40px; }
.srv-nav { padding: 0 40px !important; }
.services-cont { padding: 0 40px !important; }
.srv-right { padding-left:0px; }
.srv-nav ul li h3 { font-size: 12px !important; }
.srv-nav ul li a { padding: 0 10px !important; }
.srv-left .srv-image-box h4 { font-size: 13px; padding-left: 40px; }
.srv-left .srv-image { margin: -40px 0 0 40px; }
.srv-bg .srv-left .srv-image { margin: -40px 40px 0 0px; }
.serv-box { padding-top: 30px; }
.projects-cont h2 { margin-top: 100px; }
.image-gallery { padding-left: 40px; padding-right: 40px; }
figure.effect-lily h3 { font-size: 20px; }
figure.effect-lily p { font-size: 18px; }
.gimage-list figure figcaption { padding: 15px 25px; }
.news-cont { padding-left: 40px; padding-right: 40px; }
.career-page, .contact-cont, .faq, .projects { padding-left: 40px; padding-right: 40px; }
.product-cont { padding-left: 10px; }
.page-head{padding: 25px 0 35px 40px; margin-left:0;}
.prod-features{padding: 0 40px 50px 40px;}
.slider-cont{ padding:0 40px;}
.sub-product{ font-size:14px;}
.footer-area{ padding: 0 50px 0 140px;}
.project-details{padding: 0 40px 80px 40px;}
.sidebar-anchor{font-size: 14px;}
.sidebar-item{margin: 0px 0; padding:0 ;}
.sidebar-list{margin-top: 100px;}
.project-slider .slick-next{ width:40px; height:40px; background-size:100px; padding: 0 10px; right: 31px;}
.project-slider .slick-next:hover{ width:40px; height:40px; background-size:100px; padding: 0 10px;}
.project-slider .slick-prev{ width:40px; height:40px; background-size:100px; padding: 0 10px; left: 31px;}
.project-slider .slick-prev:hover{ width:40px; height:40px; background-size:100px; padding: 0 10px;}
}
.slicknav_menu { display: none; }
 @media only screen and (max-width:1025px) {
.js #menu { display: none; }
.js .slicknav_menu { display: block; }
nav { margin: 0px; height: auto; }
nav .container { max-width: inherit; float: left; padding: 0px; }
nav ul li { margin: 0px; float: left; width: 100%; }
nav li a { float: left; width: 100%; height: auto; }
.banner img { height: auto; }
.menu-part { height: auto; }
.social { display: none; }
header nav { display: none; }
.menu-part { width: 25%; }
.right-cont { width: 0%; }
.left-cont { width: 100%; }
.head-top-cont .top-list li { padding: 0 15px; }
.banner { height: auto; }
.home-warap h1 { font-size: 25px; }
.about-content p b { font-size: 15px; line-height:24px; }
.about-content p { font-size: 13px; line-height:22px; }
.about-more a { padding: 6px 30px; }
.home-about { padding: 0 10px; }
.home-services { padding-left: 20px; padding-right: 20px; }
.home-projects { padding:0px 20px; }
.home-projects h1 { left: 20px; }
.home-projects h2, .projects-cont h2 { font-size: 22px !important; line-height: 38px; }
.home-projects h3, .projects-cont h3 { font-size: 18px; line-height: 22px; }
.home-projects h4, .projects-cont h4 { font-size: 15px; }
.sucess li h2{ font-size:16px !important;}
.sucess-cont h2{margin:20px 0 20px 0 !important;}
.view-details a { font-size: 13px; }
.bottom-part { padding:0; }
.footer-area { width: 100%; padding:0 20px 0 120px; }
.footer-area p { font-size: 13px; }
.page-head { margin-left: 0px; margin-top:10px; }
.page-head h1 { font-size: 30px; }

.about-part { padding-left: 20px; padding-right: 20px; }
.inner-cont h2 { font-size: 24px; }
.about-part h3 { font-size: 16px; line-height: 24px; }
.abt-contet p { font-size: 14px; line-height: 20px; }
.abt-contet { padding-right: 40px; }
.abt-last { padding-right: 0px; }
.md-message { padding-left: 20px; }
.msg-box p { font-size: 16px; }

.abt-bottom { padding: 0 20px; margin: 30px 0 0 0; }
.inner-cont h2 { font-size: 20px; }
.srv-nav ul { width: 95vw !important; }

.image-gallery { padding-left: 20px; padding-right: 20px; }
.image-gallery .gimage-list { width: 102%; margin-left: -2%; }
.image-gallery .gimage-list li { width: 48%; margin: 20px 0 0 2%; }
figure.effect-lily h3 { font-size: 18px; }
figure.effect-lily p { font-size: 16px; }
.gimage-list figure figcaption { width: 90%; padding: 10px 15px; }
.news-list li { width: 31%; }
.news-cont { padding-left: 20px; padding-right: 20px; }
.quotation-form { width: 100%; }
.career-page, .contact-cont, .faq, .projects { padding-left: 20px; padding-right: 20px; }
.career-tab .resp-vtabs .resp-tabs-list li { padding: 15px 10px 15px 20px !important; }
.job-details { padding: 0 20px 50px 20px; }
.faq-cont { padding: 10px 10px; }
.slicknav_nav a{ padding:10px 10px !important; }
.about-content{ width:100%;}
.footer-contact{padding: 80px 0px 150px 20px;}
.footer-contact li{ padding: 0 10px 0 45px;}
.clients{padding: 40px 10px 50px 10px;}

.abt-btm-right{padding: 0px 0 0 10px;}

.nav-right{ left:15px;}
.left-cont{padding: 0 0px 0 80px;}
.abt-btm-right p{ font-size:14px;}
.abt-btm-right h3{ font-size:18px;}
.vision-area { padding: 30px 20px; }
.page-head { padding: 10px 0 15px 20px; }
.prod-features{ padding: 0px 20px 20px 20px;}
.serv-box{ width:47%;margin: 0 0 0 3%; padding-top:30px;}
.srv-right { padding-left: 0px; }
.slider-cont{ padding:0 40px;}
.project-details{ padding:0 20px 0px 20px;}
.const-details li{padding: 20px 10px 20px 0px;}
.const-details p{ font-size:13px;}
.const-details h3{ font-size:16px;}
.works{padding:30px 20px 50px 20px;}
.concept-comp{ padding:10px 20px 0 20px;}
.digram{ margin:20px 0;}
.contact-cont .contact-left{padding: 10px 10px;}
.menu-left{ width:80px;}
.menu-small{ width:20px;}
.projects-cont .product-list{ margin-top:20px;}
.sucess-proj{margin: 50px 0 80px 0; padding: 0 20px;}
  .heading .cell{
   font-size: 16px !important;
   padding: 15px;
  }
  
  
  .cell{
   
  font-size: 15px;
   padding: 15px;
  }
  
.logo{height: 110px;width: 140px; left: 80px;}
.contact-top{ margin: 50px 0 80px 0;}
.contact-cont .contact-right{padding: 45px 22px;}
#canvas{ display:none;}
.md-message{padding:0px 0px 50px 20px}
.md-right{padding: 0px 20px 0 30px;}
.small-product-list{padding: 50px 20px;}

.project-slider .slick-next{ width:40px; height:40px; background-size:100px; padding: 0 10px; right:20px;}
.project-slider .slick-next:hover{ width:40px; height:40px; background-size:100px; padding: 0 10px;}
.project-slider .slick-prev{ width:40px; height:40px; background-size:100px; padding: 0 10px; left: 20px;}
.project-slider .slick-prev:hover{ width:40px; height:40px; background-size:100px; padding: 0 10px;}
.footer-contact li.address {background-size: 33px;}
.footer-contact li .phone{background-size: 33px; padding-left: 45px;}
.footer-contact li .fax{background-size: 33px;  padding-left: 45px; background-position: top 35px left 0;}
.footer-contact li .instagram{background-size: 28px;  padding-left: 45px;  background-position: top 10px left 0;}
.footer-contact li.mail{background-size: 33px;}
.footer-contact ul{ margin-top:0;}
.about-part{padding: 20px 0px 60px 20px;}
.abt-contet{padding: 20px 20px 0 0;}
.products-list li{ width:32%;}
.small-product-list li{ font-size:16px; padding: 10px 0 10px 50px; top: 18px;}
.small-product-list li::after { width:6px; height:6px;}
.clients p{ font-size:26px; padding-bottom:20px;}
    .services-cont{
   
   padding: 0 20px !important;
  }
  
   .sidebar-anchor:before{
   display: none;
  }
}


@media only screen and (max-width:992px) {
 .footer-contact ul{
  margin-bottom: 30px;
 }
.footer-contact li{ width:50%; margin: 30px 0 0px 0;}	
.footer-contact{padding: 40px 0px 0px 20px; margin: 20px 0 0 0;} 
.home-projects h2{margin: 40px 0 0 0;}
.footer-area p{
  width: 100%;
}
.footer-right-block{
  width: 100%;
}
.footer-right-block ul{
  justify-content: flex-start;

}

.footer-area p{
  line-height: 45px;
}
.footer-right-block li{
  font-size: 13px;
margin:5px 30px 20px 0;
}
.footer-right-block li a{
  padding-bottom: 3px;
}
}
 @media (min-width: 640px) and (max-width: 767px) {
.hidden-xs{ display:block;}
.head-top-cont { padding: 0 10px; }
.head-top-cont .top-list li { padding: 0 5px; }
.head-top-cont .top-list li.lang-box { width: 75px; }
.head-top-cont .top-list .top-style { padding-left: 5px; padding-right: 5px; }
.head-top-cont .top-list .lang-box { width: 87px; }
#datebox, #timebox { font-size: 14px; }
.menu-part { width: 30%; }
.logo { width:130px; height: 100px; }
.page-head { width: 80%; margin-top: -10px; }
.page-head { margin-left: 10px; }
.page-head h1 { font-size: 25px; }
.breadCrumb ul li { font-size: 12px; }
.page-head { padding: 20px 0 0px 10px; }
.sidebar-anchor{font-size: 16px;}
.sidebar-item{margin: 0px 0;}
.sidebar{width: 300px;}
.md-image { margin-left: 0px; }
.md-image::after { background-size: contain; background-position: center center; margin-left: -85px; bottom: -58px; }
.srv-nav { padding: 0 20px !important; }
.srv-nav ul { width: 98vw !important; }
.srv-nav ul li h3 { font-size: 11px !important; }
.srv-nav ul li a { padding: 0 5px !important; }
.services-cont { padding: 0 20px !important; }
.srv-left .srv-image-box h4 { font-size: 13px; padding-left: 20px; }
.srv-left .srv-image { margin: -20px 0 0 20px; }
.srv-bg .srv-left .srv-image { margin: -20px 20px 0 0px; }
.srv-right { padding-left: 0px; }
.srv-left { width: 50%; }
.srv-right { width:100%; }
.resp-vtabs ul.resp-tabs-list { width: 35% !important; }
.resp-vtabs .resp-tabs-container { width: 65% !important; }
.career-left-image { display: none; }
.career-from { width: 100%; }
.contact-top { display: inherit; }
.contact-cont .contact-left, .contact-cont .contact-right { width: 100%; }
.faqTab .accordion-header { font-size: 16px; }
.home-project-content { padding-right: 0px; }
.right-tab{ padding:0 0 0 20px;}
.projects-cont h2{margin-top: 30px;}
.project-content-details h2 { font-size: 22px !important; }
.project-content-details h3 { font-size: 18px; }
.project-content-details h4 { font-size: 16px; }
.product-cont ul li b { font-size: 14px; }
.slicknav_nav a{ padding:10px 10px !important; }
.left-cont{ padding:0 !important;}
.clients{ padding: 40px 10px 50px 10px;}
.brands li{margin: 1px;}
.menu-left{ width:inherit;}
.nav-right{background:#f47920; padding:2px 10px ;}
.bar{margin: 10px auto; width: 35px; height: 3px;}
.contact-cont .contact-left{padding: 20px;}
.about-titile{ margin-top:0;}
.abt-contet{padding: 10px 20px 0 0;}
.about-part{padding: 20px 20px 70px 20px;}
.abt-btm-right p{ font-size:13px;}
.abt-btm-right{padding: 0px 0 0 13px;}
.abt-btm-right h3{ font-size:18px;}

.vision-area{ display:block;}
.abt-bottom-box{ width:100%; margin: 20px 0;}
.abt-contet{ width:100%; padding:10px 0;}
.footer-contact{padding: 50px 0px 20px 20px;}
.about-content{ padding:30px 0 0 0;}
.footer-area{ padding:0 20px 0 20px;}
.prod-features{padding: 0 20px 50px 20px;}
.serv-box{ padding-top:20px;}
.sub-product{ font-size:14px;}
.slick-dots{ bottom:0px !important;}
.slider-cont{ padding:0 20px;}
.cont-top{margin-top: 130px;}
.sucess li{ padding:10px 20px;}
.sucess-proj{margin: 50px 0 50px 0; padding: 0 20px; }
  
  .heading .cell{
   font-size: 16px !important;
   padding: 15px;
  }
  
  
  .cell{
   
  font-size: 15px;
   padding: 15px;
  }
  

.product-slider .slick-next{background-size: 90px; padding: 0; width:50px; height:50px; left:-15px;}
.product-slider .slick-next:hover{background-size:90px; padding: 0; width:50px; height:50px;}
.product-slider .slick-prev{background-size: 90px; padding: 0; width:50px; height:50px; right: -15px;}
.product-slider .slick-prev:hover{background-size: 90px; padding: 0; width:50px; height:50px; right: -15px;}
.contact-top{margin:40px 0 70px 0;}

.footer-contact{ padding: 40px 0px 0px 20px;}
.footer-contact ul{margin-top:0px ;}
.logo-sec { padding:20px 0 0 0; }
.small-product-list li{width: 33%; padding: 10px 0 10px 20px;}
.small-product-list h2{padding-left: 10px;}
.slider-cont p{padding: 0 0 10px 10px; font-size: 20px;}
.products-list{ margin: 15px 0 50px 0; width:100%;}
.small-product-list li::after {top: 18px; left:0;}
figure.effect-hera h2{ padding:10px;}
.srv-right p{ font-size:15px; line-height: 22px;}
.features-list li{ padding:5px 0; margin-left: 10px;}
.project-details h2{ font-size:16px; padding: 10px 0;}
.contact-address li.location{ background-size:45px;}
.contact-address li.msg{background-size:45px;}
.contact-address li.phone{background-size:45px;}
.contact-address li.fax{background-size:45px;}
.contact-address li.clock{background-size:45px !important;  }
.contact-address li{ font-size:17px; padding: 20px 0 20px 70px;}
.home-project-slider .slick-prev {  width:40px; height:40px; background-size:14px; left: 48%; margin-left: -60px; }
.home-project-slider .slick-next { width:40px; height:40px; background-size:14px; right: 58%; margin-right: -65px}
.home-project-slider .slick-prev:hover {  width:40px; height:40px; background-size:14px; }
.home-project-slider .slick-next:hover {  width:40px; height:40px; background-size:14px;}
  
  .button.active .bottom {
    -webkit-transform: translateY(-15px) rotateZ(-45deg);
    -moz-transform: translateY(-15px) rotateZ(-45deg);
    -ms-transform: translateY(-15px) rotateZ(-45deg);
    -o-transform: translateY(-15px) rotateZ(-45deg);
    transform: translateY(-16px) rotateZ(-45deg);
}
  .button.active .top {
    -webkit-transform: translateY(15px) rotateZ(45deg);
    -moz-transform: translateY(15px) rotateZ(45deg);
    -ms-transform: translateY(15px) rotateZ(45deg);
    -o-transform: translateY(15px) rotateZ(45deg);
    transform: translateY(9px) rotateZ(45deg);
}
  
  .sidebar-list {
    margin-top: 85px;
}

.contact-address li.instagram a{
  background-size:38px !important; 
}
}


 @media only screen and (max-width: 639px) {
.page { padding: 0px; }
header nav, .social { display: none; }
.menu-part { width: 40% }
.head-top { height: auto; }
.banner { height: auto; }
.banner img { height: auto; }
.right-cont { width: 0px; }
.left-cont { width: 100%; padding:0; }
.menu-left{ width:inherit;}
.latest-news-sec { width: 100%; }
.bottom-part { padding: 0 0 0; display: inherit; }
.footer-contact { width: 100%; }
.home-about { padding: 0px; }
.home-abt-img { }
.about-content { }
.home-about { padding: 0 10px; }
.home-warap h1 { font-size: 20px; position: inherit; float: left; left: 0px; }
.about-content p b { font-size: 15px; line-height: 20px; }
.home-services { padding-left: 10px; padding-right: 10px; }
.home-projects { width: 100%; height: auto; padding: 0px 10px 0 10px; }
.home-projects h2, .projects-cont h2 { font-size: 18px !important; margin-top: 30px; line-height:20px; }
.projects-cont .product-list{ margin-top:0; margin-bottom:30px;}
.home-projects h3, .projects-cont h3 { font-size: 16px; margin: 0px; }
footer { height: auto; margin: 0px; }

.banner .slick-next, .banner .slick-prev { display: none !important; }
.logo { width:110px; height:75px; }
.head-top-cont { padding: 0 10px; }
.head-top-cont .top-list .top-style { padding: 0 8px; }
.head-top-cont .top-list .lang-box { width: 30%; max-width: 90px; padding-top: 8px; }
.head-top-cont .top-list .top-search { width: 30%; max-width: 90px; padding-top: 0px; }
.sb-search { }
.head-top-cont .top-list .time-box { width: 45%; max-width: 150px; }
.head-top-cont .top-list .date-box { width: 55%; max-width: 150px; padding-top: 0px }
#datebox, #timebox { font-size: 12px; }
.head-top-cont { width: 60%; }
.head-top-cont .top-list .top-style { height: 45px; }
.head-top { position: inherit; left: inherit; top: inherit; float: left; height: auto; padding-bottom: 10px; }
.menu-part { width: 100%; }
.menu-part { position: inherit; float: left; }
.logo { margin-left: 0; }
.head-top-cont .top-list .lang-box { float: none; position: absolute; top: 30px; right: 0px; }
.language::after { background: rgba(0, 0, 0, 0) url("../images/toggle-res.png") no-repeat scroll right center; }
.head-top-cont { width: 100%; padding: 0 0px; }
.head-top-cont .top-list .top-search { width: 22%; max-width: 55px; }
.head-top-cont .top-list .time-box { width: 33%; max-width: 110px; }
.head-top-cont .top-list .top-style { padding: 0 5px; }
.head-top-cont .top-list .date-box { width: 46%; max-width: 142px; }
.latest-news-sec { padding: 0 10px; }
.home-warap h1 { top: 0px; }
.lt-news-img { width: 30%; }
.footer-area { width: 100%; padding:10px 10px; }
.footer-area p { font-size:11px; }
.page-head { width: 80%; margin-top: -10px; }
.page-head { margin-left: 10px; }
.page-head h1 { font-size: 25px; }
.breadCrumb ul li { font-size: 12px; }
.page-head { padding:30px 0 0px 0px; }
.abt-btm-right p{ font-size:13px;text-align: justify; line-height:20px;}
.abt-btm-right{ padding-top:20px 10px;}
.abt-contet { width: 100%; padding: 0px; padding-top: 20px; }
.inner-cont h2 { font-size: 22px; }
.about-part h3 { font-size: 16px; line-height: 24px; }
.abt-contet p { font-size: 13px;text-align: justify;line-height: 20px; }
.md-image { margin-left: -10px; }
.md-right { padding-right: 5%; }
.md-image::after { background-size: contain; background-position: center center; margin-left: -67px; bottom: -58px; }
.abt-bottom-box { width: 100%; margin: 10px 0; }
.abt-bottom { padding: 0px 20px; margin: 10px 0 20px 0; }
.vision-area { display: inherit; padding:40px 10px; }
.abt-btm-right{ padding-top:20px;}
.srv-nav { padding: 0 10px !important; }
.srv-nav ul { width: 99vw !important; }
.srv-nav ul li h3 { font-size: 9px !important; line-height: 15px !important; }
.srv-nav ul li a { padding: 0 5px !important; }
.services-part { margin: 30px 0 0 0; }
.srv-left .srv-image-box h4 { font-size: 13px; padding-left: 20px; }
.srv-left .srv-image { margin: -20px 0 0 20px; }
.srv-bg .srv-left .srv-image { margin: -20px 20px 0 0px; }
.srv-right { padding-left: 0px; }
.srv-left { width: 50%; }
.srv-right { width: 50%; }
.services-cont { padding: 0 10px !important; }
.srv-left .srv-image-box h4 { font-size: 11px; }
.srv-right h2 { font-size: 16px; }
.srv-right h3, .srv-right p { font-size: 14px; padding-top: 15px; line-height: 22px; }
.srv-right .srv-list li { padding-top: 8px; font-size: 14px; }
.image-gallery { padding-left: 10px; padding-right: 10px; }
.image-gallery .gimage-list { width: 100%; margin-left: 0%; }
.image-gallery .gimage-list li { width: 100%; margin: 10px 0 0 0%; }
.news-list li { width: 48%; }
.news-cont, .faq { padding-left: 10px; padding-right: 10px; }
.radio-box { width: 45%; margin-right: 10px; }
.input-controls input[type="radio"] + label { font-size: 13px; }
h2.resp-tab-active { width: 100% !important; }
h2.resp-tab-active { color: #FFF !important; }
h2.resp-accordion { width: 100% !important; }
.job-details { padding: 0 5px 30px 5px; }
.career-left-image { display: none; }
.career-from { width: 100%; }
.career-bottom { margin-top: 0px; }
.contact-top { display: inherit; margin: 30px 0 60px 0; }
.contact-cont .contact-left, .contact-cont .contact-right { width: 100%; padding: 20px 20px; }
.faqTab .accordion-header { font-size: 16px; }
.faq-cont h2 { padding-left: 10px; }
.faqTab { padding-left: 10px; padding-right: 20px; }
.home-project-content { padding-right:10px; }
.right-tab{padding: 0 0 0 10px;}
.project-content-details h2 { font-size: 22px !important; margin-left: 10px !important; }
.project-content-details h3 { font-size: 18px; padding: 0 0 0 10px; }
.project-content-details h4 { font-size: 16px; padding: 0 0 0 10px; }
.product-cont ul li b { font-size: 14px; }
.product-cont ul li { padding: 5px 10px; }
.btn-view a { padding: 10px 20px; font-size: 15px; }
a.download-news { padding: 8px 8px; font-size: 13px; }
.news-right { width: 35%; }
.news-left { width: 65%; }
.slicknav_nav{ width:100% !important;}
.slicknav_menu{ width:57% !important;}
.slicknav_nav a{ padding:10px 10px !important; }
.bar{width: 35px; height: 3px; margin: 5px auto;}
.effect-hera img{ width:100%;}
.nav-right{background:#f47920; padding:10px ;}
.about-part{padding: 10px 10px 50px 10px;}
.clients{ padding: 40px 10px 50px 10px;}
.brands li{margin:1px; width: 24%;}
.project-details{padding: 0 10px 50px 10px; margin:30px 0;}
.const-details li{ width:50%}
.project-details h2{ width:100%;}
.serv-box{padding-top: 40px;}



.md-right{ padding:0 15px 0 10px; }
.msg-box p{ font-size:14px; text-align: justify;line-height:22px;}
.sucess-proj{ padding:0 10px;}
.heading .cell{ font-size:16px !important; padding: 15px 10px 10px 10px;}
.cell{ font-size: 11px; padding: 10px 10px 10px 10px;} 
.sucess li{ padding:10px 10px; font-size:13px;}
.sucess li h2{font-size: 13px !important;}
.sucess-cont h2{ margin:10px 0 10px 0 !important;}
.works .grid li{ padding:10px;}
.works{padding: 20px 10px 50px 10px;}
#canvas{ display:none;}
.about-content{ padding:30px 0 0 0 ;}
.footer-contact{padding: 50px 0px 20px 20px;}
.cont-top{margin-top: 90px;}
.srv-right{ width:100%;}
.main-services{ width:100%; margin-left:0;}
.sub-product{ font-size:13px;}
.product-slider .slick-next{background-size: 70px; padding: 0; width:40px; height:40px;}
.product-slider .slick-next:hover{background-size: 70px; padding: 0; width:40px; height:40px;}
.product-slider .slick-prev{background-size: 70px; padding: 0; width:40px; height:40px; right: -30px;}
.product-slider .slick-prev:hover{background-size: 70px; padding: 0; width:40px; height:40px; right: -30px;}

.project-slider .slick-next{background-size: 70px; padding: 0; width:40px; height:38px;}
.project-slider .slick-next:hover{background-size: 70px; padding: 0; width:40px; height:38px;}
.project-slider .slick-prev{background-size: 70px; padding: 0; width:40px; height:38px; right: -30px;}
.project-slider .slick-prev:hover{background-size: 70px; padding: 0; width:40px; height:38px; right: -30px;}

.career-page, .contact-cont, .faq, .projects{ padding:0 10px;}
.sidebar-list{margin-top: 80px;}
.sidebar-item {margin:0px 0;}
.sidebar-anchor{ font-size:14px;}   
.concept-comp{ padding: 10px 10px;}
.projects-cont .product-list{ margin-top:0px;}
.sucess-proj h2{ padding: 0 0 0 10px;}
.sucess-proj{margin: 50px 0 50px 0;}
.digram{ margin:60px 0 0 0;}
.logo-sec { padding:20px 0 0 20px; }
.sub-product{padding: 10px 10px;}
.slick-dots{ bottom:0 !important;}
.features-list li{margin-left: 10px;}
.prod-features{padding: 0px 10px 20px 10px;font-size: 13px;  line-height: 22px; }
  
  .prod-features p{
   
   text-align: justify;
  }
.serv-box{margin: 0 0 0 1%; width: 49%;}

.button.active .top{
	-webkit-transform: translateY(0px) rotateZ(45deg);
-moz-transform: translateY(0px) rotateZ(45deg);
-ms-transform: translateY(0px) rotateZ(45deg);
-o-transform: translateY(0px) rotateZ(45deg);
transform: translateY(0px) rotateZ(45deg);
}
.small-product-list ul{ display:block;}
.small-product-list li{ width:50%; padding: 10px 0 10px 50px; font-size: 16px;}
.small-product-list{padding: 30px 0px; font-size:16px;}
.small-product-list li::after {top: 17px;}
.products-list{margin: 10px 0 60px 0; width:100%;}
.slider-cont{ padding:0 10px;}
.slider-cont p{padding: 0 0 20px 0; font-size: 19px; }
.products-list li{width: 32%;}
.zoom{ background-size:25px;}
.handle::after{width: 55px; height: 55px; margin: -26px 0 0 -26px; line-height: 50px;}
.digram {margin: 30px 0 0 0;}
.project-slider .slick-next{background-size:80px; padding: 0; width:40px; height:38px;}
.project-slider .slick-next:hover{background-size: 80px; padding: 0; width:40px; height:38px;}
.project-slider .slick-prev{background-size: 80px; padding: 0; width:40px; height:38px; right: -30px;}
.project-slider .slick-prev:hover{background-size:80px; padding: 0; width:40px; height:38px; right: -30px;}

.footer-area p{width: 100%; line-height:30px;}

.footer-right-block{
  width: 100%;


}

.footer-right-block ul{
  justify-content: flex-start;
}

.footer-right-block li{
  margin:10px 30px 10px 0;
  font-size: 12px;

}
.footer-right-block li a{
  padding-bottom: 5px;
}
.footer-contact ul{ margin-top:0;}
.srv-slide .slick-next{width:40px; height:40px; background-size:18px; right: 49px;}
.srv-slide .slick-prev{width:40px; height:40px; background-size:18px;}
.srv-slide .slick-next:hover{width:40px; height:40px; background-size:18px;}
.srv-slide .slick-prev:hover{width:40px; height:40px; background-size:18px;}
.srv-slide .slick-prev, .srv-slide .slick-next{ top:-65px;}
.srv-right h2{ padding:10px 0 0 0;}
.srv-right h3, .srv-right p{ padding-top:4px;}
.clients p{ font-size:22px; padding-bottom:13px;}
.project-details{ padding: 0 20px 20px 20px;}

.contact-address li.location{ background-size:40px;}
.contact-address li.msg{background-size:40px;}
.contact-address li.phone{background-size:40px;}
.contact-address li.fax{background-size:40px;}
.contact-address li.clock{background-size:40px !important;  }
.contact-address li{ font-size:16px; padding: 20px 0 20px 70px;}

.home-project-slider .slick-prev {  width:30px; height:30px; background-size:14px; left: 50%; margin-left: -55px; }
.home-project-slider .slick-next { width:30px; height:30px; background-size:14px; right: 60%; margin-right: -60px}
.home-project-slider .slick-prev:hover {  width:30px; height:30px; background-size:14px; }
.home-project-slider .slick-next:hover {  width:30px; height:30px; background-size:14px;}
  
  .sidebar-anchor:before{
   display: none;
  }
  
  .about-content p{
   
   text-align: justify;
  }
  
  .contact-address li.instagram a{
    background-size:32px !important; 
  }
  
}
@media only screen and (max-width: 480px) {   
.srv-slide { width: 100%; margin: 0px; }
.footer-contact ul { width:100%; margin-top: 15px;}

.lt-news-cont { width: 100%; padding: 15px 0 0 0; }
.home-pro-image { width: 100%; }
.head-top { position: inherit; left: inherit; top: inherit; float: left; height: auto; padding-bottom: 10px; }
.menu-part { width: 100%; }
.menu-part { position: inherit; float: left; }
.logo { margin-left:-30px; z-index: 0; width:65px; height:45px;}
.head-top-cont .top-list .lang-box { float: none; position: absolute; top: 30px; right: 0px; }
.language::after { background: rgba(0, 0, 0, 0) url("../images/toggle-res.png") no-repeat scroll right center; }
.head-top-cont { width: 100%; padding: 0 0px; }
.head-top-cont .top-list .top-search { width: 22%; max-width: 55px; }
.head-top-cont .top-list .time-box { width: 33%; max-width: 110px; }
.head-top-cont .top-list .top-style { padding: 0 5px; }
.head-top-cont .top-list .date-box { width: 46%; max-width: 142px; }
.home-abt-img { width: 100%; padding: 0px; }
.about-content { width: 100%; padding-left: 0px; }
.services-box figure{ max-width:inherit;}
.home-project-content { width: 100%; padding: 0px; padding-right:0px; margin: 50px 0 0 0; }
.home-pro-image { margin: 15px 0 0 0; padding-right: 10px; }
.home-project-slider .slick-prev, .home-project-slider .slick-next { top:-30px; margin: 0px; }
figure.effect-hera h2{ font-size:32px; padding:10px;}
.footer-contact li.address{background-size: 34px !important;}
.footer-contact li .phone{background-size: 34px; padding-left:45px; }
.footer-contact li .fax{background-size: 34px; padding-left:45px;}
.footer-contact li.mail{background-size: 34px;}
.footer-contact li .instagram{
  background-size: 30px;
  padding-left: 45px;
}
.home-project-slider .slick-prev { left: inherit; right: 30px; width:30px; height:30px; background-size:14px; }
.home-project-slider .slick-next { right: 0; width:30px; height:30px; background-size:14px;}
.home-project-slider .slick-prev:hover { left: inherit; right: 30px; width:30px; height:30px; background-size:14px; }
.home-project-slider .slick-next:hover { right: 0; width:30px; height:30px; background-size:14px;}

.srv-slide .slick-next{width:30px; height:30px; background-size:14px; right: 39px;}
.srv-slide .slick-prev{width:30px; height:30px; background-size:14px;}
.srv-slide .slick-next:hover{width:30px; height:30px; background-size:14px;}
.srv-slide .slick-prev:hover{width:30px; height:30px; background-size:14px;}
.srv-slide .slick-prev, .srv-slide .slick-next{ top:-65px;}

.home-projects h1, .projects-cont h1 { width: 100%; padding-left: 0px; }
.abt-bottom-box .abt-image { width: 100%; }
.abt-btm-right { width: 100%; padding-left: 0px; }
.srv-nav ul li { width: 33.3% !important; border-bottom: #FFF solid 1px; }
.srv-nav ul li { height: 150px !important; }
.srv-nav ul li h3 { line-height: 14px !important; font-size:12px !important}
.srv-nav ul li a { height: 150px !important; }
.srv-left { width: 100%; padding: 0px 20px 0 0; }
.srv-right { width: 100%; padding-top:0px; }
.srv-right h3, .srv-right p{ font-size:13px; line-height:20px;}
.serv-box{ padding-top:15px;}
.products-list li{ width:49%;}
.zoom{ background-size:20px;}
.small-product-list li{ font-size:14px; padding: 5px 0 5px 20px;}
.small-product-list li::after { width:5px; height:5px; top:14px; left:10px;}
.form-list li { width: 100%; }
.field { padding: 14px 0 14px 10px; }
.form-list li { margin-bottom: 10px; }
.product-detail-img { width: 100%; }
.product-cont { width: 100%; padding: 20px 0 0; }
.news-right { width: 100%; }
.news-left { width: 100%; }
.contact-address li{ font-size:14px; padding: 20px 0 20px 60px;}
.contact-address{ margin:10px 0 0 0;}
.contact-cont .contact-left h2 {background: url(../images/message_icon.png) no-repeat right top 0px;}
.contact-cont .contact-left, .contact-cont .contact-right{ padding:15px 15px;}   
.miras-scroll{ right:0% !important;}
.slicknav_menu{ width:64% !important;}
.home-abt-img{ margin:0;}
.abt-bottom-box .abt-image img{ width:100%; } 
.abt-bottom-box .abt-image{max-width:inherit;}  
.home-abt-img img{ width:100%;}
.footer-contact li{ width:100%; margin: 0px 0 10px 0;}
.page-head h1{font-size: 15px;}
.inner-cont h2{font-size: 15px; padding-left:0px;}
 
 .small-product-list h2{
  
  padding-left: 10px;
 }
 
 .small-product-list ul{
  
  padding-top: 0px;
 }
 
 .prod-features{padding: 0px 10px 20px 10px; line-height: 22px; }
 
 
.home-projects h2, .projects-cont h2{ font-size:16px !important;}
.clients{ padding:20px 10px 50px 10px;}
.brands li{padding:10px 0px; margin: 1px; width: 32.6%;}
.nav-right{padding: 4px 5px 0px 5px;}
.const-details li{ width:100%; padding: 10px 0;}
.sucess{ width:100%; border:none; padding: 0px 0 20px 0; display:block;}
.serv-box{ width:100%; margin:0;}
.prod-features{ padding:0 10px 20px 10px; font-size:13px;}
.features-list li{ margin-left:10px; padding: 5px 0;}
.slick-dots{ bottom:0px  !important;}
.product-slider .slick-next{background-size: 60px; padding: 0; width:30px; height:30px;}
.product-slider .slick-next:hover{background-size: 60px; padding: 0; width:30px; height:30px;}
.product-slider .slick-prev{background-size: 60px; padding: 0; width:30px; height:30px; right: -30px;}
.product-slider .slick-prev:hover{background-size: 60px; padding: 0; width:30px; height:30px; right: -30px;}

.contact-address li.location{ background-size:40px;}
.contact-address li.msg{background-size:40px;}
.contact-address li.phone{background-size:40px;}
.contact-address li.fax{background-size:40px;}
.contact-address li.clock{background-size:40px !important;  }
.contact-address li.instagram a{
  background-size:32px !important; 
  background-position:left 5px center;
  padding-left: 60px;
}
.home-project-content{margin: 0px 0 0 0;}
.sucess-proj{margin: 0px 0 50px 0;}
.footer-area p{ font-size:11px; line-height:35px; width:100%;}
.download{padding:0 0 10px 0; float:left;}
.home-services{padding: 50px 10px 50px 10px;}
.contact-top{margin: 30px 0 40px 0;}
.md-right{ width:100%; padding:0;}
.md-message{ display:block; padding: 30px 0px 30px 10px;}
.md-left{ float:left; width:100%; padding:0px;}
.md-image{ margin-left:0;}
.msg-box p{ font-size:14px; text-align: justify;line-height:24px;}
.handle::after{width: 35px; height: 35px; margin: -17px 0 0 -17px; line-height: 30px;}
.sucess-proj h2{ padding:0;}
.sucess-cont{ margin: 0px 0 0 0;}
.table{ margin: 10px 0 0 0;}
.inner-cont .home-project-content, .inner-cont .home-pro-image{ width:100%;}
.home-projects h2, .projects-cont h2{ margin-top:0px; line-height:20px;}
.view-details{ padding:0;}
.md-bttom h3{ font-size:16px;}
.md-bttom h4{ font-size:16px;}
.msg-box{ margin: 20px 0 0 0; padding: 10px 15px 40px 0px;}
.abt-btm-right{ padding-top:0;}
.abt-bottom-box .abt-image{ padding-bottom:10px;}
.heading .cell{ padding: 10px 3px 10px 3px; font-size: 14px !important;}
.cell{padding: 10px 3px 10px 3px;}
.digram h2{ padding-bottom:10px;}
.digram{ margin:0;}
.clients p{ font-size:20px; padding-bottom:10px;}
.home-project-content{ margin:20px 0 0 0;}
.project-slider .slick-next{ width:30px; height:30px; background-size: 70px; background-position-y: -3px;background-position-x: -38px; right: 5px;}

.project-slider .slick-next:hover{ width:30px; height:30px; background-size: 70px; background-position-y: -3px; right: 5px;}
.project-slider .slick-prev{ width:30px; height:30px; background-size: 70px; background-position-y: -3px; left: 5px;}
.project-slider .slick-prev:hover{ width:30px; height:30px; background-size: 70px; background-position-y: -3px; left: 5px;}
.project-details h2{ font-size:16px;  padding: 10px 0;}
.project-banner{padding: 10px 0 20px 0px;}
.const-details li{padding: 5px 0px 5px 0px}
.project-details{padding: 0 10px 20px 10px;}
.const-details h3{ font-size:14px; padding:0;}
}


 @media (min-width: 320px) and (max-width: 480px) {

 }