@media (min-width: 768px) and (max-width: 979px) {
.main_top_wrrapper
{position:static;}
#wrap { width:90%; margin:0px auto;}
.logo 
{display: block;text-align: center; width: 100%;}
#navigation 
{position: static; margin-top: 27px;}
#menu-toggle 
{display: block; margin:-7% 0 0 0;}
#main-menu 
{display: none; float: none; width:100%; padding:0px; margin:0 0 27px 0;}
#main-menu li 
{display: block; margin: 0; padding: 0;}
#main-menu > li 
{margin-top: -1px;}
#main-menu > li:first-child 
{margin-top: 0;}
#main-menu > li > a 
{background-color: #333;
 border: 1px solid #444;
 color: #bbb;
 display: block;
 font-size: 14px;
 padding: 12px !important;
  padding: 0;
}
#main-menu li > a:hover 
{background-color: #444; }
#main-menu > li.parent 
{background: none !important; padding: 0;}
#main-menu > li:hover > a,
#main-menu > li.current-menu-item > a 
{border: 1px solid #444 !important;
 color: #fff !important;}
ul.sub-menu 
{display: block;
 margin-top: -1px;
 margin-left: 20px;
 position: static;
 padding: 0;
 width: inherit;}
ul.sub-menu > li:first-child 
{border-top: 1px solid #444 !important;}
ul.sub-menu > li > a.parent 
{background: #333 !important;}
.icon_controle img
{display:none;}
.bottom_bg
{position:static; }
.warrper
{width:100%; position: static; margin:0px;}
#wrap > header 
{padding-bottom: 0px;}
#slider
{width:100%; margin:-27px 0 0 0;}
 #ecicma_intro_bg
{width:90%; border:4px solid #42bcd4; background:none; height:auto;}
#about_bg 
{margin: 0 auto; width:90%;}
.main_about_part ul li 
{margin: 145px 7px 0 19px;}
.why_ecicma_top 
{margin: 0 auto; width:90%;}
.why_eci_heading 
{font-size: 31px;}
.ecicma_software 
{margin: 45px 0px 0 0px;}
.ecicma_software img
{width:100%;}
.main_ecicma_footer 
{margin: 0 auto; width:90%;}
.more_explore 
{margin: 5% 0 0 33%;}
#price_bg 
{margin: 0 auto; width:90%;}
#demo_heading
{width:90%; margin:0px auto;}
.main_demo_contents
{width:90%; margin:0px auto;}
.software_pic
{float:none; width:100%; height:151px; margin:100px 0 3px 0; text-align:center;}
.software_pic img
{width:50%; padding:20px 0 0 0;}
.soft_slide 
{float:none; margin: 100px 0 0 0px; width: 100%; text-align:center;}
.button.cta 
{text-decoration: none; width:35%; height:35px; float:none; margin:5% 30%; border-radius: 5px;
 line-height:35px; text-align:center; font-size:24px; text-transform:uppercase; box-shadow: inset 0 0 5px tomato, 0 0 5px white;}
#help_bg 
{margin: 0 auto; width:90%;}
.help_heading
{height:auto; background:none; border-bottom:2px solid #46c6e3;}
.help_pic 
{float: left; height: 349px; width: 50%;}
.help_pic img
{width:100%;}
.help_menu 
{float: right; width:45%;}
.main_cont_footer 
{margin: 0 auto; width:90%;}
.venture_menu 
{float: left; height: auto; width: 32%;}
.ven_heading 
{font-size: 18px;}
.ven_all_content ul li a
{font-size:12px;font-weight: normal;}
.our_service_part 
{margin: 0 0 0 2%; width: 22%;}
.oth_pro 
{float: right; height: 414px; width: 42%;}
.oth_menu  a
{font-size:12px; font-weight: normal;}
.address
{font-size:12px; font-weight: normal;}
.main_bottom 
{margin: 0 auto; width:90%;}
.dogma_txt
{width:40%;}
.social_icon
{width:53%;}

}

@media (max-width: 767px) {
.main_top_wrrapper
{position:static;}
#wrap { width:90%; margin:0px auto;}
.logo 
{display: block;text-align: center; width: 100%;}
#navigation 
{position: static; margin-top: 27px;}
#menu-toggle 
{display: block; margin:-7% 0 0 0;}
#main-menu 
{display: none; float: none; width:100%; padding:0px; margin:0 0 27px 0;}
#main-menu li 
{display: block; margin: 0; padding: 0;}
#main-menu > li 
{margin-top: -1px;}
#main-menu > li:first-child 
{margin-top: 0;}
#main-menu > li > a 
{background-color: #333;
 border: 1px solid #444;
 color: #bbb;
 display: block;
 font-size: 14px;
 padding: 12px !important;
  padding: 0;
}
#main-menu li > a:hover 
{background-color: #444; }
#main-menu > li.parent 
{background: none !important; padding: 0;}
#main-menu > li:hover > a,
#main-menu > li.current-menu-item > a 
{border: 1px solid #444 !important;
 color: #fff !important;}
ul.sub-menu 
{display: block;
 margin-top: -1px;
 margin-left: 20px;
 position: static;
 padding: 0;
 width: inherit;}
ul.sub-menu > li:first-child 
{border-top: 1px solid #444 !important;}
ul.sub-menu > li > a.parent 
{background: #333 !important;}
.icon_controle img
{display:none;}
.bottom_bg
{position:static; }
.warrper
{width:100%; position: static; margin:0px;}
#wrap > header 
{padding-bottom: 0px;}
#slider
{width:100%; margin:-27px 0 0 0;}
#ecicma_intro_bg
{width:90%; border:4px solid #42bcd4; background:none; height:auto;}
#about_bg
{width:90%; margin:0px auto;}
.main_about_part ul li
{float:none; margin:145px 0 0 0px;}
.abt_left_part
{width:98%;  padding:0 1% 1% 1%; float:none; height:auto;}
.abt_midd_part
{width:98%;  padding:0 1% 5px 1%; float:none; height:auto;}
#skin
{margin:-20% 0 0 36%;}
.why_ecicma_top
{width:90%; margin:0px auto;}
.why_eci_heading
{height:auto; font-size:32px;}
.ecicma_software 
{margin: 45px 0px 0 0px; width:100%;}
.ecicma_software img 
{width:100%;}
.main_ecicma_footer
{width:90%; margin:0px auto;}
.more_explore
{margin:5% 0 0 29%;}
#price_bg
{width:90%; margin:0px auto;}
.tr_maine_left img
{display:none;}
.buy_button
{margin:30px 0 30px 0;}
#demo_heading
{width:90%; margin:0px auto;}
.main_demo_contents
{width:90%; margin:0px auto;}
.software_pic
{float:none; width:100%; height:151px;  text-align:center;}
.software_pic a img
{ width:50%; margin:30px 0 3px 0;}
.software_pic a img:hover
{ width:50%;  margin:30px 0 3px 0;}
.soft_slide 
{float:none; height: 142px;  width:100%; text-align:center; margin:0 0 0 0;}
.soft_slide img
{margin: 50px 0 0 0px;}
.button.cta 
{text-decoration: none; width:35%; height:35px; float:none; margin:35px 0 35px 0px; border-radius: 5px;
 line-height:35px; text-align:center; font-size:14px; text-transform:uppercase; box-shadow: inset 0 0 5px tomato, 0 0 5px white;}
#help_bg
{width:90%; margin:0px auto;}
.help_heading
{background:none; border-bottom:2px solid #46c6e3; height:auto;}
.help_pic 
{float: none; height:auto; width:100%; text-align:center;}
.help_pic img
{width:100%;}
.help_menu 
{float:none; width:100%; margin:20px 0 0 0;}
.footer_bg
{ height:auto;}
.main_cont_footer 
{margin: 0 auto; width:90%;}
.venture_menu
{float:none; width:100%; background:none; height:auto; padding:5px 0 0 0;}
.our_service_part
{float:none; width:100%; background:none; margin:0 0 0 0px; height:auto;}
.oth_pro
{float:none; width:100%; height:auto; padding:0 0 20px 0;}
.main_bottom 
{margin: 0 auto; width:90%;}
.dogma_txt
{float:none; width:100%; text-align:center;}
.social_icon
{width:100%; float:none; text-align:center; height:auto;}
.social_icon ul li
{list-style:none; float:none;}
.social_icon ul li a:hover
{border-top: none;}



}

@media (max-width: 480px) {
#skin
{margin:-20% 0 0 32%;}
.why_eci_heading
{height:auto; font-size:22px;}
.more_explore
{margin:5% 0 0 20%;}
.tr_maine_left
{ font-size:9px; word-break: break-all;}
}

@media (max-width: 320px) {
.ecicma_headind
{ font-size:32px;}
.ecima_pic img
{ text-align:center;}
.ecima_pic
{ text-align:center;}
 #skin
{margin:-40% 0 0 24%;}
.more_explore
{ margin:5% 0 0 5%;}
.button.cta 
{text-decoration: none; width:35%; height:35px; float:none; margin:35px 0 35px 0px; border-radius: 5px;
line-height:35px; text-align:center; font-size:12px; text-transform:uppercase; box-shadow: inset 0 0 5px tomato, 0 0 5px white;}





}