@charset "utf-8";


.responsive-img{ width:100%;}

.navbar-toggle-n{display: none;}

@media (min-width: 1200px)
{ 
   .sec1_container{max-width: 92%;}  
}
@media (min-width: 992px)
{
    .sec1_container{max-width: 92%;} 
}
@media (min-width: 768px)
{
    .sec1_container{max-width: 92%;} 
}
@media (min-width: 576px)
{
    .sec1_container{max-width: 92%;} 
}


.head-fix{transition: all ease-in-out 0.3s;  position: fixed; top: 0;  z-index: 2000; left: 0; right: 0;  background-color: white; border-bottom: 1px solid rgba(128, 128, 128, 0.56);}
.head-fix .logo_img{max-width: 62px;}
.head-fix .navigation_bar .main_menu .nav-item .nav-link{font-size: 13px;}
.head-fix .see{    border: transparent;
    background: #DAAF27;
    color: #213473;
    font-weight: bold;
    padding: 5px 12px;
    cursor: pointer;
	position: absolute;
    top: 540px;
    right: 551px;} 
.head-fix .main_menu{    position: relative;
    top: 7px;}
.top_contact_info ul{padding-left: 0;}
.top_contact_info ul li{list-style-type: none; display: inline-block;}
.top_header{    position: relative;
    top: 6px;}
.top_contact_info ul li i{color: white;}    
.contact{padding-right: 20px;}
.top_contact_info ul li span{    color: rgba(255, 255, 255, 0.65);
    font-family: 'Lato', sans-serif;
    padding-left: 6px;
	font-size: 15px;}
.social-icons{padding-left: 0;}
.social-icons li{list-style-type: none; display: inline-block;}
.social-icons li i{color: rgba(255, 255, 255, 0.65);}
.social-icons li i:hover{         color: #213473;
    border-radius: 50%;
    background: #DAAF27;
    width: 25px;
    height: 25px;
    text-align: center;
    transition: all ease-in-out 0.3s;
    padding-top: 4px;}
.social-icons li a{    margin-right: 20px;}
.top_social_icons{float: right;}
.site-top{    background-color: #213473;
    padding-top: 2px;
    margin: 0;}
.section_1{padding-left: 0; padding-right: 0;} 
.navigation_bar{float: right;} 
.navigation_bar .main_menu .nav-item{position: relative; transition: all ease-in-out 0.3s; }
/*.navigation_bar .main_menu .nav-item:hover:before{   
	content: "";
    position: absolute;
    z-index: 3;
    width: 2px;
    height: 43%;
    background-color: #DAAF27;
    display: flex;
    flex-direction: column;
    top: 24px;
    left: 24px;
    transition: all ease-in-out 0.3s;  }
.navigation_bar .main_menu .nav-item:hover:after{   
	content: "";
    position: absolute;
    z-index: 3;
    width: 79%;
    height: 2px;
    background-color: #DAAF27;
    left: 25px; 
	transition: all ease-in-out 0.3s; }*/
.navigation_bar .main_menu .nav-item .nav-link{font-family: 'Lato', sans-serif;
    color: #213473;
    font-weight: bold;
    margin-left: 22px;
	transition: all ease-in-out 0.3s;
	text-transform: uppercase;}

.navigation_bar .main_menu .nav-item .nav-link:hover{    color: #DAAF27; transition: all ease-in-out 0.3s; } 
.main_menu{position: relative;top: 40px;}  
.header_container{padding: 4px 15px;} 

.sec2_content{    position: absolute;
    top: 130px;
    left: 108px;
    z-index: 3000;
    color: white;}
.sec2_content h1{font-weight: bold;
    font-size: 70px; padding-top: 15px;} 
.our_projects{     padding: 11px 30px;
    background: #DAAF27;
    border: transparent;
    cursor: pointer;
    margin-top: 14px;
    color: white;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    text-transform: uppercase;}
.our_projects:hover{    background: transparent;
    border: 2px solid #DAAF27;transition: all ease-in-out 0.3s;}          
.sec2_content p{    font-size: 22px;
    padding-top: 15px;}     
.sec2{position: relative;}
.sec2_banner:before{content: ""; position: absolute; width: 100%; height: 100%; z-index: 3; background-color: rgba(0, 0, 0, 0.5);}
.get_details_form{    background: #f6f6f6 url(../images/form-home1-bg.png) no-repeat right bottom;
    border: 1px solid #ddd;  
    padding: 33px 30px 40px;}
.sec3{     position: relative;
    padding-top: 68px;
    padding-bottom: 73px;} 
.vision_heading{    margin-bottom: 28px; position: relative;}
.vision_heading:after{    content: "";
    position: absolute;
    z-index: 3;
    width: 603px;
    height: 1px;
    background-color: #ddd;
    right: 413px;
    top: 17px;}
.get_in_touch{font-family: 'Lato', sans-serif;    margin-bottom: 37px; position: relative;}
.get_in_touch:before{       content: '';
    position: absolute;
    top: 16px;
    width: 175px;
    height: 1px;
    background: #ddd;
    right: 7px;}   
.form-control{    display: inline-block;
    margin-bottom: 10px;
    padding: 10px 20px;
    max-width: 100%;
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #888;
    vertical-align: top;
	border-radius: 0;
	font-family: 'Lato', sans-serif;
    font-size: 13px;
    letter-spacing: 1px;}  
.form-control:focus{
    color: #495057;
    background-color: #fff;
    border-color: #DAAF27;
    outline: 0;	
    box-shadow: none;  
	}
.send_button{padding-left: 0;}   
.btn-primary{    border-radius: 0;
    background: #DAAF27;
    color: #213473;
    font-weight: bold;
    font-family: 'Lato', sans-serif;border: transparent;} 
.btn-primary a{ color: #213473; text-decoration: none;}    
.btn.focus{box-shadow: none;} 
.btn-primary:hover {
    color: #DAAF27;
    background-color: #213473; 
	border: transparent;
	transition: all ease-in-out 0.3s; }
.btn-primary a:hover{color: #DAAF27;}	
.sec3_vision_values{    border: 1px solid rgba(128, 128, 128, 0.26);
    margin-top: 30px;
    padding: 15px;
    border-radius: 2px; height: 242px;}
.sec3_vision_values h4{font-family: 'Lato', sans-serif;    color: #213473;}	  
.sec3_vision_values p{font-size: 17px;
    font-family: 'Lato', sans-serif; margin-bottom: 0;    line-height: 31px;color: #858585;}
.sec3_vision_values span{font-family: 'Lato', sans-serif; color: #213473; font-size: 20px} 
.vv_img{position: relative;}  
.vv_img:before{content: ""; background-color: rgba(0, 0, 0, 0.54); z-index: 3; width: 100%; height: 100%; position: absolute;opacity: 0;}
.vv_img:hover:before{opacity: 1; display: block;transition: all ease-in-out 0.3s; }

.sec4 h3{font-family: 'Lato', sans-serif;
    margin: 30px 0px;
    position: relative;
    width: 100%;
    top: -92px;
    text-align: center;}
.sec4 h3:after{        content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 13px;
    left: 340px;}
.sec4 h3:before{    
	content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 13px;
    right: 340px;}    
.sec4{    background-image: url(../images/road.jpg) ;
    //padding: 26px 0px;    background-position: center;
    background-size: 100% 100%; margin-top: 72px;}    
.work_nav{border-bottom: 0;     margin-bottom: 30px; position: relative;} 
.work_nav .nav-item{position: relative;}
.work_details .work_nav .nav-item:hover:after{content: "";
    position: absolute;
    z-index: 3;
    width: 79%;
    height: 2px;
    background-color: #FA9D0A;
    display: flex;
    flex-direction: column;
    top: 28px;
    left: -5px;
    transition: all ease-in-out 0.3s;} 
.work_details .work_nav .nav-item:hover:before{       content: "";
    position: absolute;
    z-index: 3;
    width: 2px;
    height: 42%;
    background-color: #DAAF27;
    display: flex;
    flex-direction: column;
    top: 17px;
    left: -5px;
    transition: all ease-in-out 0.3s; }
.work_nav .nav-link.active{ color: #213473;
    background-color: transparent;
    border-color: transparent;
    font-family: 'Lato', sans-serif;}  
.work_nav .nav-link{    color: #213473;
    background-color: transparent;
    border-color: transparent;
    font-family: 'Lato', sans-serif;
    margin-right: 20px;
    padding: 0;
    letter-spacing: 1px;}   
/*.work_nav .nav-link:hover{border-bottom: 2px solid rgb(218, 175, 39);
    transition: all ease-in-out 0.3s;}  */  
.work_details{padding-left: 0}
.image:before{content: ""; background-color: rgba(0, 0, 0, 0.54); z-index: 3; width: 100%; height: 100%; position: absolute;opacity: 0;}     
.image:hover:before{opacity: 1; display: block;transition: all ease-in-out 0.3s; }
.work_img{width: 100%;
    transition: transform 0.25s ease, opacity 0.25s ease, filter 1s ease, -webkit-filter 1s ease;
    position: relative;
    }
.image{position: relative; border: 2px solid white;} 

.image:hover .major{opacity: 1; display: block;}
.image:hover:before{ opacity: 1;} 
.work_img h2{    //padding-top: 12px;
    text-align: center;}
.work_img h2 a{    font-size: 18px;
    font-family: 'Lato', sans-serif;
    color: #213473;
    text-decoration: none;}
.work_img h2 a:hover{color: black;
    transition: all ease-in-out 0.3s;}    

/*.major{     position: absolute;
    top: 69px;
    text-align: center;
    width: 100%;
	opacity: 0; z-index: 200;} 
.major h4{    text-decoration: none;
    color: #DAAF27;
    font-family: 'Lato', sans-serif;
    font-weight: bold;}*/
.more-cont{display: none;}

/*.major .view_all a{color: #DAAF27; font-weight: bold; text-decoration: none;}  
.major .view_all a:hover{color: #DAAF27; } */ 
.show{ display:block; transition: all ease-in-out 0.4s;}
.abt_us_content{position: relative; //padding-top: 25px;}
.abt_us_content h4{position: relative; font-family: 'Lato', sans-serif;    margin-bottom: 20px;    margin-top: 13px;}
.abt_us_content h4:after{        content: "";
    position: absolute;
    z-index: 3;
    background-color: #ddd;
    width: 424px;
    height: 1px;
    bottom: 13px;
    left: 172px;
    top: 16px;}
.dglow {    padding-top: 28px;}    
.abt_us_content p{    color: #858585;
    font-family: 'Lato', sans-serif;
    line-height: 30px;}    
.sec5{padding:95px 0px;     background-color: #EEEEEE;}  
.see{    border: transparent;
    background: #DAAF27;
    color: #213473;
    font-weight: bold;
    padding: 5px 12px;
    cursor: pointer;
	    margin-top: 30px;
    
    right: 551px;}  
.see:hover{color: #DAAF27;
    background-color: #213473; 
	border: transparent;
	transition: all ease-in-out 0.3s;
	}   
.see:focus{box-shadow: none;     }

.view_more{ border: transparent;
    background: #DAAF27;
    color: #213473;
    font-weight: bold;
    padding: 5px 12px;
    cursor: pointer;
	    margin-top: 30px;}
.view_more:hover{color: #DAAF27;
    background-color: #213473; 
	border: transparent;
	transition: all ease-in-out 0.3s;
	}   
.view_more:focus{box-shadow: none;     }

.sec6{    padding: 50px 0px;
    border-top: 1px solid rgba(128, 128, 128, 0.2);}
.sec6_heading{margin-bottom: 25px; font-family: 'Lato', sans-serif;} 

.sec_cont_m4{text-align: center;}  
.sec6 .sec_cont .machinery:second-child{margin-bottom: 10px;}

.sec7{    padding: 20px 0px;
    background: #EEEEEE;}
.sec_7_footer li{    list-style-type: none;
    margin: 4px 0;
    width: 50%;
    float: left;
	line-height: 28px;}
.sec_7_footer li a{    font-family: 'Lato', sans-serif;
    color: rgba(34, 30, 31, 0.61); text-decoration: none;  } 
.sec_7_footer li a:hover{    color: #213473; transition: all ease-in-out 0.3s;;}       
.sec_7_footer{    position: relative;
    padding-top: 13px;
    padding-left: 0;}
.abc li{float: none; width: auto;     font-family: 'Lato', sans-serif; color: #858585;    line-height: 30px;} 
.footer_para{width: 350px;     font-family: 'Lato', sans-serif;
    line-height: 30px;
    margin-top: 20px;
	color: #858585;} 
.footer_para span{ color: #213473;}    
.link-widget{padding-top: 20px;}  
.widget-title{position: relative;} 
.widget-title h4{font-family: 'Lato', sans-serif;     font-size: 27px; color: #213473; position: relative;} 
.widget-title h4:after{    content: "";
    position: absolute;
    width: 226px;
    height: 1px;
    z-index: 3;
    top: 17px;
    left: 147px;
    background-color: #ddd;} 
.contact_details span{color: #213473;
    } 
.sec8{    padding: 15px 0px; background-color: rgb(33, 52, 115)}
.copyright{ text-align: center;
    font-family: 'Lato', sans-serif;
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;} 
.copyright a{color: rgba(255, 255, 255, 0.65);
    font-weight: bold; text-decoration: none;}

.work_banner_row{position: relative;}   
.work_banner_img:before{content: ""; position: absolute;width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.49); z-index: 3; } 
.work-content{padding: 50px 0px;}

.work_heading{
    padding-bottom: 35px;
    font-family: 'Lato', sans-serif;
    font-size: 29px;
    color: #213473;
	position: relative;}
.work_heading span{    color: #221E1F;}    
.work_heading:after{    
	content: "";
    position: absolute;
    z-index: 3;
    width: 50px;
    height: 2px;
    background-color: #DAAF27;
    left: 0;
    top: 42px;}
.work_sub_heading{    font-family: 'Lato', sans-serif;
    color: #213473;
    padding: 20px 0px;     
    font-weight: bold;
	position: relative;
	border-top: 1px solid rgba(128, 128, 128, 0.49);} 
.work_sub_heading:before{    content: "";
    position: absolute;
    z-index: 3;
    background-color: #DAAF27;
    width: 74px;
    height: 2px;
    left: 0;
    top: 48px;}    
.our_work_details ul{padding-left: 2px; padding-bottom: 12px;}   
.our_work_details ul li{list-style-type: none; position: relative;     font-family: 'Lato', sans-serif; color: grey; 
    line-height: 31px;}  
.our_work_details ul li i{position: absolute;
    top: 9px;
    left: -12px;
    color: #213473;
    //font-weight: bold;}  
.our_work_details{position: relative;}
.our_work_details p{    font-family: 'Lato', sans-serif;
    color: grey; position: relative; line-height: 30px;}    
.our_work_details p:before{    content: ">";
    position: absolute;
    z-index: 3;
    height: 100%;
    left: -15px;
    top: 0;
    color: #DAAF27;
    font-weight: bold;}    
.view_all{    padding: 5px 19px;
    margin-top: 13px;
    background: transparent;
    border: 2px solid #DAAF27;
    background-color: white;
    color: #213473;
    font-family: 'Lato', sans-serif;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
	box-shadow: none;
	margin-bottom: 30px;}  

.grid article{       background-color: #FFFFFF;
    display: block;
    float: left;
    width: 24%;
    /*margin: 10px 5px;*/
	position: relative;
	padding: 0px 5px;}	
.grid{       position: relative;
    height: 670px;
    padding-top: 48px;
    border-top: 1px solid rgba(128, 128, 128, 0.18);}    
.machinery_content{padding: 50px 0px;   }    
.machinery_content h5{    text-align: center;
    padding-bottom: 28px;
    font-family: 'Lato', sans-serif;
    font-size: 28px; position: relative;} 

.machinery_content h5:after{        content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 41px;
    left: 317px;}
.machinery_content h5:before{    
	content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 41px;
    right: 317px;}    
.snip1530{position: relative;}
.snip1530:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.65);
    opacity: 0;
    top: 0px;
    bottom: 21px;}  
.snip1530{margin-bottom: 0;     padding: 5px 0px;}
.sec5_abt_us{background-color: #fff; }
/*.m3:before{    content: "";
    position: absolute;
    width: 90%;
    height: 100%;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.65);
    opacity: 0;
    top: 0px;
    bottom: 21px;} 
.m3:hover:before{display: block; opacity: 1; transition: all ease-in-out 0.3s;} */

.snip1530:hover:before{display: block; opacity: 1; transition: all ease-in-out 0.3s;}

.snip1530:hover:before{display: block; opacity: 1;} 

.snip1530:hover .icons i{display: block; opacity: 1; transition: all ease-in-out 0.3s;}
.snip1530:hover .icons .find{display: block; opacity: 1; transition: all ease-in-out 0.3s;}
.snip1530:hover .icons .find2{display: block; opacity: 1; transition: all ease-in-out 0.3s;}

.icons i:hover:before{opacity: 1;}
.icons .find:hover:before{opacity: 1;} 
.icons .find2:hover:before{opacity: 1;}

/*.product_images:hover:before{opacity: 1; }  

.product_images:hover .product_desc{opacity: 1; display: block;}*/

.icons i{    
	color:  rgba(33, 52, 115, 0.75);;
    z-index: 30000000000;
    position: absolute;
    top: 147px;
    cursor: pointer;
    width: 100%;
    text-align: center;
	opacity: 0;
	font-size: 23px;}
.icons .find{    
	color: rgba(33, 52, 115, 0.75);;
    z-index: 30000000000;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 94px;
	opacity: 0;font-size: 23px;}
.icons .find2{    
	color: rgba(33, 52, 115, 0.75);;
    z-index: 30000000000;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 250px;
    opacity: 0;font-size: 23px;
	}  


.snip1530:hover:before .icons i{display: block; opacity: 1;}
.view_button{  
	text-align: center;}
.view_all_services {    padding: 5px 19px;
    //margin-top: 16px;
   
    border: 2px solid #213473;
    background-color: white;
   
    font-family: 'Lato', sans-serif;
    cursor: pointer;
    transition: all ease-in-out 0.3s;
    box-shadow: none;
    margin-bottom: 20px;
	    border-radius: 3px;
	 background-color: transparent;}
.view_all_services a{ color: #213473; text-decoration: none;}	 	
.view_all_services:hover{    background: #213473;
    color: #FACB0C;}  
.view_all_services a:hover{color: #FACB0C;}

.machinery_row{display: flex; flex-direction: row;}
.test{float: left;}
.col3{padding-left: 4px; padding-right: 4px;}
.crusher{margin-bottom: 10px;     padding: 60px 0px;}  
.crusher_img{//float: right;	margin-bottom: 15px;} 
.crusher_content{padding-top: 50px;}

.crusher_content p{    font-family: 'Lato', sans-serif;
    color: grey;
    line-height: 31px;}
.crusher_border{border-bottom: 1px solid rgba(128, 128, 128, 0.2);} 
.machinery{padding: 65px 0px; }   
.mac_img{margin: 5px; position: relative; transition: all ease-in-out 0.3s;    border: 2px solid rgba(128, 128, 128, 0.42);}

/*.mac_img:before{transition: all ease-in-out 0.5s; content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.44); z-index: 3; opacity: 0;}
.mac_img:hover:before {
    opacity: 1;
    display: block;
    transition: all ease-in-out 0.3s;}*/


.abt_page h4:after{    content: "";
    position: absolute;
    z-index: 3;
    background-color: #ddd;
    width: 466px;
    height: 1px;
    bottom: 13px;
    left: 112px;
    top: 16px;}

.contact_info{padding: 70px 0px;}    

.service_img{position: relative;}
.service_img:before{transition: all ease-in-out 0.5s; content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.44); z-index: 3; opacity: 0;}
.service_img:hover:before {
    opacity: 1;
    display: block;
    transition: all ease-in-out 0.3s;}
/*.last_img{    position: relative;
    top: -132px;}    

.last_img_2{    position: relative;
    top: -24px;}*/

.company_name{font-size: 20px;     color: #213473;     font-family: 'Lato', sans-serif;}
.company_name span { color: #221E1F;}
.responsive_style{height: 493px;width: auto;}
.contact_background{background: #eee;
    padding-top: 15px;}
.cont_heading:after{content: "";
    position: absolute;
    z-index: 3;
    width: 50px;
    height: 2px;
    background-color: #DAAF27;
    left: 0;
    top: 66px;}   
.cont_heading{    padding-top: 20px;} 
/*---------------------------------------------------responsive-------------------------------------------------------*/    

@media all and (max-width: 1120px)
{	
	body{overflow-x: hidden;}	
	.top_contact_info ul li span{    font-size: 13px;}
	.navigation_bar .main_menu .nav-item .nav-link{    font-size: 13px;    margin-left: 16px;}
	.vision_heading:after{    content: "";
    position: absolute;
    z-index: 3;
    width: 472px;
    height: 1px;
    background-color: #ddd;
    right: 345px;
    top: 17px;}
    .sec2_content h1{font-size: 60px;}
    .get_in_touch:before{    content: '';
    position: absolute;
    top: 16px;
    width: 90px;
    height: 1px;
    background: #ddd;
    right: 7px;}
    .sec3_vision_values p{    font-size: 15px;}
    .sec3_vision_values span{    font-size: 17px;}
    .sec3_vision_values{    height: 250px;}
    .sec4 h3:before{content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 13px;
    right: 243px;}
    .sec4 h3:after{content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 13px;
    left: 243px;}
    .abt_us_content h4:after{    content: "";
    position: absolute;
    z-index: 3;
    background-color: #ddd;
    width: 308px;
    height: 1px;
    bottom: 13px;
    left: 179px;
    top: 16px;}
    .sec5{    padding: 70px 0px;}
    .machinery_content h5:before{    content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 41px;
    right: 216px;}
    .machinery_content h5:after{    content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 41px;
    left: 216px;}
    .last_img_2 .responsive_style{height: 494px;
    width: 507px;}
    .last_img_2{    max-height: 465px;}
    .widget-title h4:after{    content: "";
    position: absolute;
    width: 103px;
    height: 1px;
    z-index: 3;
    top: 17px;
    left: 157px;
    background-color: #ddd;}
    .footer_para{    font-size: 14px; width: auto;}
    .sec_7_footer li a{    font-size: 14px;}
    .abc li{    font-size: 14px;}
    .copyright{    font-size: 13px;}
    .see{    font-weight: bold;
    padding: 5px 12px;
    cursor: pointer;    position: relative; top: 0; right: 0;}
    .responsive_image{height: 215px;}
}


@media all and (max-width: 991px)
{

   	.navigation_bar .main_menu .nav-item .nav-link{    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px;
    margin-right: 28px;
    color: #242424 /*#1BABD1*/;
    font-weight: bold;
    padding:0;	}    
   .navbar-nav{display: block; position:fixed; right:-249px; top:0; width:203px; 
   	background-color:white; height:400px;     
   border: 1px solid rgba(33, 52, 115, 0.37);
    transition: all ease-in-out 0.4s;
     z-index:2000;   
      padding-top:66px;    
      text-align: right; 
      transition:all ease-in-out 0.4s; 
     -webkit-transition:all ease-in-out 0.4s;         
      }
    .navbar-toggle-n .fa{ color:#fff; font-size:18px;     cursor: pointer;}
    .m-nav-display{ right:0;}       
    .navigation_bar .main_menu .nav-item {display: block; line-height: 50px; border-bottom: 1px solid rgba(103, 96, 90, 0.22);}
    .navigation_bar .main_menu .nav-item:last-child{border-bottom: 0;}
    .navbar-toggle-n{  display: block;
    position: fixed;
    background: rgb(33, 52, 115);
    top: 18px;
    z-index: 20000;
    padding-top: 12px;
    padding-bottom: 0;
    cursor: pointer;     
    z-index: 500000;
    right: 20px;     
    border: none;
	}
	.site-top{display: none;}
	.sec2_content{    position: absolute;
    top: 176px;
    left: 108px;
    z-index: 3000;
    color: white;}
    .sec2_content h3{    font-size: 20px;}
    .sec2_content h1{    font-size: 54px; padding-top: 10px;}
    .sec2_content p{    font-size: 21px;
    padding-top: 10px;}
    .our_projects{    margin-top: 10px;     padding: 10px 26px;}
    .sec3{padding: 50px 0px;}
    .sec3_vision_values{    height: 218px;}
    .sec3_vision_values p{    font-size: 14px;}
    .sec3_vision_values span{    font-size: 16px;}
    .row_991{padding-bottom: 30px;}
    .vision_heading:after{display: none;}
    .vision_heading{text-align: center;}
    .get_in_touch{    font-size: 20px;
    text-align: center;}
    .get_in_touch:before{display: none;}
    .sec4 h3:before{    content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 13px;
    right: 183px;}
    .sec4 h3:after{    content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 13px;
    left: 183px;}
    .work_img h2 a{font-size: 17px;}
    .sec4 h3{    font-size: 25px;}
    .abt_us_content h4:after{    content: "";
    position: absolute;
    z-index: 3;
    background-color: #ddd;
    width: 250px;
    height: 1px;
    bottom: 13px;
    left: 155px;
    top: 16px;}
    .abt_us_content h4{    font-size: 20px;}
    .abt_us_content p{    font-size: 15px;}
    .abt_us_content{    top: -16px;}
    .machinery_content{padding: 40px 0px;}
    .machinery_content h5{    font-size: 25px;}
    .machinery_content h5:before{content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 41px;
    right: 167px;}
    .machinery_content h5:after{content: "";
    position: absolute;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.21);
    width: 175px;
    height: 1px;
    bottom: 41px;
    left: 167px;}
    .last_img_2 .responsive_style{    height: 494px;
    width: 446px;}
    .send_button{text-align: center;}

    .abt_page h4:after{    
    content: "";
    position: absolute;
    z-index: 3;
    background-color: #ddd;
    width: 297px;
    height: 1px;
    bottom: 13px;
    left: 98px;
    top: 16px;}
    .widget-title h4{font-size: 24px;}
    .work_heading{    font-size: 25px;}
    .machinery{    padding: 50px 0px;}
    .contact_info{    padding: 43px 0px;}
    .widget{text-align: center; }
    .widget-title h4:after{display: none;}
    .head-fix{display: none;}
    .sec_7_footer li{width: 100%;}
}	


@media all and (max-width: 768px)
{
	.sec2_content{top: 183px;}
	.sec2_content h1{    font-size: 52px;}
	.our_projects{    padding: 8px 21px;     font-size: 13px;}
	.sec3 { padding: 40px 0px;}
    .vision_heading{    font-size: 20px;}
    .get_in_touch {font-size: 19px;}
    .sec4 h3:before{display: none;}
    .sec4 h3:after{display: none;}
    .abt_us_content h4:after{display: none;}
    .abt_us_content p{    font-size: 14px;}
    .sec5 { padding: 47px 0px;}
    .view_all_services{    margin: 11px 0px;}
    .last_img_2 .responsive_style{height: 494px;
    width: 339px;}
    .machinery_content h5:before{display: none;}
    .machinery_content h5:after{display: none;}
    .our_work_details ul li{font-size: 15px;}
    .our_work_details p{    font-size: 14px;}
    .widget-title h4{    font-size: 22px;}
    .work_heading{font-size: 25px;     padding-bottom: 24px;}
    .crusher_content{padding-top: 0;}
    .crusher_content p{    font-size: 14px;}
}

@media all and (max-width: 650px)
{
	.sec2_content h1 {
    font-size: 32px;
    line-height: 35px;
    margin: 0;    padding-top: 6px;
}
.sec2_content h3 {
    font-size: 18px;
    margin: 0;
}
	.sec2_content p{    font-size: 19px;}
	.sec3_vision_values{height: 257px;}
	.sec4 h3{    font-size: 23px;}
	.work_img h2 a{    font-size: 15px;}
	.view_all_services{transform: translateY(13px);}
	.abt_us_content{top: 0;}
	.view_more{margin-top: 0;}
	.machinery_content{    padding: 33px 0px;}
	.machinery_content h5{font-size: 23px;}
	.last_img_2 .responsive_style{    height: 494px;
    width: 192px;}
    .sec4{    padding-bottom: 9px;}
    .crusher_img{    text-align: center;
    margin-top: 12px;}
    .crusher_img img{width: auto;}
    .border_right{border-right: 0;}
	.logo_img {max-width:90px;}
	/* akz css */
	.owl-carousel .owl-item img {
		display: block;
		width: 100%;
		height: 300px !important;
	}
	.sec2_content {
    top: 40px;    left: 50px;
}
#banner_img.owl-carousel .owl-nav button.owl-prev {
    top: 50% !important;
}
#banner_img.owl-carousel .owl-nav button.owl-next {
    top: 50% !important;
}
	/* akz css */
}

@media all and (max-width: 500px)
{
	.vv_img{text-align: center;}
	.vv_img img{width: auto;}
	.sec3_vision_values{text-align: center; height: auto;     margin: 30px;     padding: 15px 0px;}
	.sec2_content{    top: 50px;     text-align: center;width: 100%;     left: 0;}
	.owl-carousel .owl-item img {
    height: 260px !important;
}
.sec2_content p {
    font-size: 18px;
    margin: 0;
}

	.sec2_content h1 { font-size: 31px;}
	.sec2_content p {font-size: 18px;}
	.image{text-align: center; border: none;}
	.image img{width: auto;}
	.sec4{background-image: none; margin-top: 0;}
	.snip1530{text-align: center;}
	.snip1530 img{width: auto;}
	.last_img_2 .responsive_style{width: 100%; height: auto;}
	.header_container{padding:0px 15px;}
	.work_heading:after{display: none;}
	.our_work_details ul{    padding-left: 15px;}
	.work_heading{padding-bottom: 12px;}
	.work_heading{font-size: 23px;}
	.our_work_details p:before{content: ">";
    position: absolute;
    z-index: 3;
    height: 100%;
    left: -12px;
    top: 0;
    color: #DAAF27;
    font-weight: bold;}
    .crusher{    padding: 42px 0px;}
    .mac_img{text-align: center;}
    .sec4 h3{margin:0; top: -17px;}
	
	

}


@media all and (max-width: 450px)
{
	.sec4{    margin-top: 20px;}
	.sec4 h3{    top: -19px; margin:0;}
	.sec2_content p{    font-size: 16px;}
}

@media all and (max-width: 450px)
{
	.vv_img img{    width: 100%;}
	.sec2_content h3{    font-size: 19px;}
	.sec2_content h1{    font-size: 30px;}	
	.sec2_content p{font-size: 13px;}
	.our_projects{    font-size: 12px;}
	.image img{width: 100%;}
}	

@media all and (max-width: 360px)
{
	.sec3_vision_values{    padding: 15px 10px;}
	.crusher_img img{width: 100%;}
	.copyright{    font-size: 12px;}
	.sec2_content h3 { font-size: 17px;}
	.sec2_content h1 {font-size: 26px;}
	.sec2_content p { font-size: 12px;}
}


@media all and (max-width: 320px)
{
	.sec2_content p { font-size: 10px;}
}	

@media all and (max-width: 280px)
{
	.logo_img{    max-width: 100px;}
}
