@media screen and (max-width:1199px){
 

 nav{width:100%;}
 #cssmenu{width:100%}
 #cssmenu ul{width:100%;display:none}
 #cssmenu ul li{width:100%;border-top:1px solid #fff}
 #cssmenu ul li:hover{background:#379303;}
 #cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
 #cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
 #cssmenu > ul > li{float:none}
 #cssmenu ul ul li a{padding-left:25px}
 #cssmenu ul ul li{background:#011b95!important;}
 #cssmenu ul ul li:hover{background:#379303!important}
 
 #cssmenu li:hover > ul{left: 0px;top:0px}
 
 #cssmenu ul ul ul li a{padding-left:35px}
 #cssmenu ul ul li a{color:#ddd;background:none}
 #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
 #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
 #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
 #cssmenu #head-mobile{display:none;padding:23px;color:#ddd;font-size:12px;font-weight:700}
 .button{width:55px;height:46px;position:absolute;right:0;    top: -3px;cursor:pointer;z-index: 12399994;}
 
 
 #cssmenu > ul > li > a {padding: 15px 11px;font-size: 12px;}
 
 .menu_list i{display:none;}
.button:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
}
.button:before {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    height: 2px;
    width: 20px;
    background: #fff;
    content: '';
}
.button.menu-opened:after {
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    top: 23px;
    border: 0;
    height: 2px;
    width: 19px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu_2{float:right;}

 .button.menu-opened:before{top:23px; background: #fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
 #cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;height:45px;width:46px;cursor:pointer}
 #cssmenu .submenu-button.submenu-opened{background:#dde}
 #cssmenu ul ul .submenu-button{height:34px;width:34px}
 #cssmenu .submenu-button:after{position:absolute;top:19px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
 #cssmenu ul ul .submenu-button:after{top:15px;right:13px}
 #cssmenu .submenu-button.submenu-opened:after{background:#fff}
 #cssmenu .submenu-button:before{position:absolute;top:16px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
 #cssmenu ul ul .submenu-button:before{top:12px;right:16px}
 #cssmenu .submenu-button.submenu-opened:before{display:none}
 #cssmenu ul ul ul li.active a{border-left:none}
 #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
 
}



@media only screen and (min-width: 992px) and (max-width: 1199px){
	
nav ul .active:before {display:none;}	
nav ul .active:after {display:none;}	

nav ul li:hover:before {display:none;}
nav ul li:hover:after {display:none;}

#cssmenu ul li {border-top: 0px solid #fff;}

#wowslider-container1 .ws-title {top: 15% !important;}

#cssmenu > ul > li > a {color: #fff;}

.ws-title h1{font-size:35px;line-height:40px; }

.first_sec h3 {margin-top: 30px;}
	
	
	
	
}   

@media only screen and (min-width: 768px) and (max-width: 991px){
	
nav ul .active:before {display:none;}	
nav ul .active:after {display:none;}	

nav ul li:hover:before {display:none;}
nav ul li:hover:after {display:none;}

#cssmenu ul li {border-top: 0px solid #fff;    border-bottom: 1px solid #fff;}

#wowslider-container1 .ws-title {top: 15% !important;left:12% !important;}	

.ws-title h2{line-height:30px;  font-size:20px;font-family: 'Dosis', sans-serif; }
	
#cssmenu > ul > li > a {color: #fff;}

.social_links {text-align: left;padding: 13px 10px 0;}

.ws-title h1{font-size:35px;line-height:40px; }

.first_sec h2 {margin-top: 30px;}

.product_as {margin-bottom: 40px;}

.why_choice_us{margin-bottom:40px;}

.Second_sec .mar_30 {margin-top: 0px;}

.first_sec .sec_1 {margin-bottom: 20px;padding:30px;}

.first_sec .mar_20 {margin-top: 0px; }

.first_sec {padding:60px 0px}

.first_sec h3 {margin-top: 20px;}

.menu_section {border-bottom: 2px solid #fff;}

.Second_sec {padding: 70px 0 40px;}

.new_product_img img {width: auto;}

.third_sec {padding: 70px 0 40px;}

.third_sec .new_product {height: 390px;margin-bottom: 60px;}

.footer_details {padding: 30px 0 0px;}

.product_detail .side_bar {margin-bottom:30px;}	

.first_sec_sidebar{margin-bottom:20px;}

.client_s{margin-bottom:20px;}

.delta_1{margin-bottom:20px;}

.cli_top {margin-top:0px;}

.last_cli{margin-bottom:0px !important;}


.pageheader h1 {font-size: 33px;}
	
}    

@media only screen and (min-width: 700px) and (max-width: 767px){
	
nav ul .active:before {display:none;}	
nav ul .active:after {display:none;}	

nav ul li:hover:before {display:none;}
nav ul li:hover:after {display:none;}

#cssmenu ul li {border-top: 0px solid #fff;    border-bottom: 1px solid #fff;}

#wowslider-container1 .ws-title {top: 15% !important;left:12% !important;}	

.ws-title h2{line-height:24px;  font-size:16px;font-family: 'Dosis', sans-serif; }
	
#cssmenu > ul > li > a {color: #fff;}

.social_links {text-align: left;padding: 13px 10px 0;}

.ws-title h1{font-size:25px;line-height:30px; }

.first_sec h2 {margin-top: 30px;}

.product_as {margin-bottom: 40px;}

.why_choice_us{margin-bottom:40px;}

.Second_sec .mar_30 {margin-top: 0px;}

.first_sec .sec_1 {margin-bottom: 20px;padding:30px;}

.first_sec .mar_20 {margin-top: 0px; }

.first_sec {padding:60px 0px}

.first_sec h3 {margin-top: 20px;}

.menu_section {border-bottom: 2px solid #fff;}

.Second_sec {padding: 70px 0 40px;}

.new_product_img img {width: auto;}

.third_sec {padding: 70px 0 40px;}

.third_sec .new_product {height: 390px;margin-bottom: 60px;}

.footer_details {padding: 30px 0 0px;}	

.product_detail .side_bar {margin-bottom:30px;}	

.first_sec_sidebar{margin-bottom:20px;}	

.client_s{margin-bottom:20px;}

.cli_top {margin-top:0px;}

.last_cli{margin-bottom:0px !important;}


.delta_1{margin-bottom:20px;}

.pageheader h1 {font-size: 33px;}
	
	
	
}    

@media only screen and (min-width: 480px) and (max-width: 699px){
	
nav ul .active:before {display:none;}	
nav ul .active:after {display:none;}	

nav ul li:hover:before {display:none;}
nav ul li:hover:after {display:none;}

#cssmenu ul li {border-top: 0px solid #fff;    border-bottom: 1px solid #fff;}

#wowslider-container1 .ws-title {top: 5% !important;left:12% !important;}

.ws-title a{color:#fff; background:#379303; padding:10px 30px; color:#fff !important; font-size:16px; text-align:center; margin:20px 0 0;font-family: 'Dosis', sans-serif; }	

.divider{border-bottom:2px solid #19159d; width:20%; margin:0 0 5px;}

.ws-title h2{line-height:24px;  font-size:16px;font-family: 'Dosis', sans-serif; }
	
#cssmenu > ul > li > a {color: #fff;}

.social_links {text-align: left;padding: 13px 10px 0;}

.ws-title h1{font-size:20px;line-height:24px; }

.first_sec h2 {margin-top: 30px;}

.product_as {margin-bottom: 40px;}

.why_choice_us{margin-bottom:40px;}

.Second_sec .mar_30 {margin-top: 0px;}

.first_sec .sec_1 {margin-bottom: 20px;padding:30px;}

.first_sec .mar_20 {margin-top: 0px; }

.first_sec {padding:60px 0px}

.first_sec h3 {margin-top: 20px;}

.menu_section {border-bottom: 2px solid #fff;}

.Second_sec {padding: 70px 0 40px;}

.new_product_img img {width: auto;}

.third_sec {padding: 70px 0 40px;}

.third_sec .new_product {height: 390px;margin-bottom: 60px;}

.footer_details {padding: 30px 0 0px;}	


.project_set li > span {width: auto; float: none; }	
	
.product_detail .side_bar {margin-bottom:30px;}	

.first_sec_sidebar{margin-bottom:20px;}	

.client_s{margin-bottom:20px;}

.cli_top {margin-top:0px;}

.last_cli{margin-bottom:0px !important;}
	
.delta_1{margin-bottom:20px;}	

.pageheader h1 {font-size: 25px;}
	
}

@media only screen and (max-width: 479px){
	
	
nav ul .active:before {display:none;}	
nav ul .active:after {display:none;}	

nav ul li:hover:before {display:none;}
nav ul li:hover:after {display:none;}

#cssmenu ul li {border-top: 0px solid #fff;    border-bottom: 1px solid #fff;}

#wowslider-container1 .ws-title {top: 50% !important;left:7% !important;width:45% !important;    transform: translateY(-50%);}

#wowslider-container1 img {height:200px;}

.ws-title a{color:#fff; background:#379303; padding:5px 20px; color:#fff !important; font-size:12px; text-align:center; margin:5px 0 0;font-family: 'Dosis', sans-serif; }	

.divider{border-bottom:2px solid #19159d; width:20%; margin:0 0 5px;}

.ws-title h2{line-height:16px;  font-size:10px;font-family: 'Dosis', sans-serif;text-transform:capitlaize; }

.ws-title h1{font-size:18px;line-height:20px; }
	
#cssmenu > ul > li > a {color: #fff;}

.social_links {text-align: left;padding: 10px 0px 10px;}

.social_links h1 {display: block;padding-bottom:15px;}


.first_sec h1 {font-size:20px;}

.first_sec h2 {margin-top: 30px;font-size:20px;}

.Second_sec h2 {font-size:35px;}

.third_sec h2 {font-size:25px;}

.divider_4 {width: 60%;}

.product_as {margin-bottom: 40px;}

.why_choice_us{margin-bottom:40px;}

.Second_sec .mar_30 {margin-top: 0px;}

.first_sec .sec_1 {margin-bottom: 20px;padding:30px;}

.first_sec .mar_20 {margin-top: 0px; }

.first_sec {padding:60px 0px}

.first_sec h3 {margin-top: 20px;}

.menu_section {border-bottom: 2px solid #fff;}

.Second_sec {padding: 70px 0 40px;}

.new_product_img img {width: auto;}

.third_sec {padding: 70px 0 40px;}

.third_sec .new_product {height: 390px;margin-bottom: 60px;}

.footer_details {padding: 30px 0 0px;}		
	
.project_set li > span {width: auto; float: none; }	
	
.product_detail .side_bar {margin-bottom:30px;}	

.pageheader {background-size: inherit;}

.pageheader h1 {font-size: 14px;line-height: 30px;}

.first_sec_sidebar{margin-bottom:20px;}

.client_s{margin-bottom:20px;}

.cli_top {margin-top:0px;}

.last_cli{margin-bottom:0px !important;}

.delta_1{margin-bottom:20px;}

}