@charset "utf-8";
/* CSS Document */

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

}
@media (min-width: 1199px)
{
	.blog_left_side .btn_view {
		background-color:#EFEFEF;
		bottom: 98px;
		float: right;
		height: 61px;
		position: absolute;
		margin-bottom: 238px;
	
	}
	.blog_right_side .btn_view {
		background-color:#EFEFEF;
		bottom: 98px;
		float: left;
		height: 60px;
		position: absolute;
		margin-bottom: 238px;
	}
	
	.mission_statement {
		border-left:1px solid #d9d9d9;
		border-right:1px solid #d9d9d9;
		bottom:0px;
		height:auto;
		position: relative;
		padding:55px 30px 30px 30px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
.blog_left_side .btn_view {
    background-color:#EFEFEF;
    bottom: 98px;
    float: right;
    height: 60px;
    position: absolute;
	margin-bottom: 240px;

}
.blog_right_side .btn_view {
    background-color:#EFEFEF;
    bottom: 98px;
    float: left;
    height: 60px;
    position: absolute;
	margin-bottom: 240px;
}

.mission_statement {
	border-left:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;
    bottom:0px;
    height:auto;
    position: relative;
	padding:55px 30px 30px 30px;
}
	
.allabout_button{font-size:20px;padding:20px 22px;}
.responsivedesign_text{float:none;width:100%;}
.responsivedesign_text a{float:left;position:absolute;margin:0 10px;}

.preset3_rightside .fw_icon1, .preset3_rightside .fw_icon2{height:125px;}
.fw_icon1 .fa.fa-clock-o.fa-5x, .fw_icon2 .fa.fa-recycle.fa-5x, .fw_icon2 .fa.fa-laptop.fa-5x, .fw_icon4 .fa.fa-rocket.fa-5x{top:21px;}
.icon_list .fw_icon1, .icon_list .fw_icon2, .icon_list .fw_icon3, .icon_list .fw_icon4{height:125px;}

}
@media only screen and (max-width: 992px)
{

}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
.blog_left_side .btn_view {
		background-color:#EFEFEF;
		bottom: 98px;
		float: right;
		height: 60px;
		position: absolute;
		margin-bottom: 48px;
		width: 100%;
		
	}
	.blog_right_side .btn_view {
		background-color:#EFEFEF;
		bottom: 98px;
		float: right;
		height: 60px;
		position: absolute;
		margin-bottom: 48px;
		width: 100%;
	}
.mission_statement {
	
    bottom:0px;
    height:auto;
    position: relative;
	padding:55px 30px 30px 30px;
}	
	
/*about enon */
.allabout_par{padding-top:15px;}
.allabout_button{font-size:15px;padding:15px 18px;}
.responsivedesign_text{float:none;width:100%;}
.responsivedesign_text a{float:left;margin:-10px 10px;position:absolute;}
.responsive_design , .mission_statement{padding:60px 10px 20px;}
.introduction .title , .wht_we_do .title{margin-bottom:20px;}
/* we are enon */
.left_contain .title_text{font-size:20px;font-weight:300;}
.left_contain .middle_text {font-size: 14px;}
.bottom_text.col-md-12 li{background-position: 0 3px;font-size: 14px;line-height: 2em;}
/*feature */
.preset3_rightside .pre3_sort_des{padding:20px;}
.preset3_rightside .fw_title{margin-left:12px;}
.preset3_rightside .fw_icon1, .preset3_rightside .fw_icon2{height:100px;width:100px;margin-left:7px;}
.fw_icon1 .fa.fa-clock-o.fa-5x, .fw_icon2 .fa.fa-recycle.fa-5x, .fw_icon2 .fa.fa-laptop.fa-5x, .fw_icon4 .fa.fa-rocket.fa-5x{top:3px;padding-top:16px;font-size:4em;}
.icon_list .pre3_sort_des{padding:20px 20px 0;}
.icon_list .fw_icon1, .icon_list .fw_icon2, .icon_list .fw_icon3, .icon_list .fw_icon4{height:100px;width:100px;margin-left:7px;}
.icon_list .fw_title{margin-left:12px;}
/* services */
#services .service:hover{width:50% !important;}
/*portfolio*/
/*slide*/
/* paralel */
.par_title.col-md-12.col-sm-12{font-size:30px;}
/* team */
.sfx_team .bx-wrapper .bx-prev{left:315px;}
.sfx_team .bx-wrapper .bx-next{right:320px;}
/* client say */
.client_says .client_text1{font-size:31px;}
/* support */
.spimage > img {float: left;width: 100%;}
.support .spimage{top:50px;}
/*brand */
.sfx_brand .bx-wrapper .bx-next{right:0 !important;}
.sfx_brand .bx-wrapper .bx-prev{left:0 !important;}
/*blog*/
.even #triangle-right , .odd #triangle-right
{
	top:70px !important;
}
}
@media(max-width:767px) 
{
/*about enon*/

/* we are enon */
/*feature*/

/*portfolio*/

/*service*/

/*blog*/
.timeline-content #timeline .timeline-item .post, .timeline-content #timeline .timeline-item:nth-child(2n) .post
{
	 margin: 140px 0 25px;
}
.timeline-content #timeline .timeline-item, .timeline-content #timeline .timeline-item:nth-child(2n)
{
	clear: both;
    float: none;
    margin-bottom: 0;
    width: 100%;
}
.timeline-content #timeline .timeline-item .post-info, .timeline-content #timeline .timeline-item:nth-child(2n) .post-info
{
	background: hsla(0, 0%, 0%, 0) none repeat scroll 0 0;
    left: 0;
    margin: 0;
    right: 0;
    top: -80px;
    width: 100%;
}
.timeline-content #timeline .timeline-item .post-info h5
{
	font-size: 13px;
    margin: 0;
    position: absolute;
    right:25px;
    text-align: right;
    top: 50px;
}
.timeline-content #timeline .timeline-item .post-info h5.info-date
{
	left: 0;
    right: auto;
    text-align: left;
}
.item_left {
    left: 0;
    opacity: 1;
}
.timeline-content #timeline .timeline-item .post-info h5.info-date{text-align:left; margin-left:25px;}
/*contact us*/
	.toptext2.col-md-6.col-sm-6.text-left{display:none;}
	.toptext1.col-md-6.col-sm-6.text-right > h3{text-align:center;}
	.con_border{margin:0 46%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
	.blog_left_side .btn_view {
		background-color:#EFEFEF;
		bottom: 98px;
		float: right;
		height: 60px;
		position: absolute;
		margin-bottom: -40px;
		width: 100%;
		
	}
	.blog_right_side .btn_view {
		background-color:#EFEFEF;
		bottom: 98px;
		float: right;
		height: 60px;
		position: absolute;
		margin-bottom: -40px;
		width: 100%;
	}
	
	/*about enon*/
	.mission_statement{padding:35px 30px 30px;}
	.responsive_design{}
	.mission_statement{}
	.allabout_button{width:333px;}
	.responsivedesign_text{margin:10px;}
	/*we are enon*/
	#we_are_enon{padding-bottom:60px;}
	.introduction .title {text-align: center;}
	.introduction .description{margin-bottom:40px;}
	.introduction .sort_description{margin-bottom:20px;}
	.preset3_back_image .purchase_enon{margin-bottom:40px;}
	.wht_we_do .title{text-align:center;}
	/*feature*/
	.preset3_rightside .fw_icon1, .preset3_rightside .fw_icon2 , .icon_list .fw_icon1, .icon_list .fw_icon2, .icon_list .fw_icon3, .icon_list .fw_icon4{margin-left:25px;}
	.preset3_rightside .fw_icon3{ margin: 0 43% 20px;}
	section#features{height:auto !important;}
	.preset3_leftside > img{height:auto;}
	.preset3_rightside .pre3_sort_des{padding:20px;}
	.preset3_rightside{height:auto;margin-bottom:20px;}
	#features .icon_list{height:auto;margin-bottom:20px;}
	.pre3_video{height:auto;margin-bottom:20px;}
	/*portfolio*/
	div.default ul.sp-portfolio-filter li{width:100%;}
	.sp-portfolio.default .btn.active{width:100%;}
	/*brand*/
	.client_top .client_text{top:70px;margin-bottom:0px;}
	.sfx_brand .bx-wrapper .bx-prev{left:0;}
	.sfx_brand .bx-wrapper .bx-next{right:0;}
	/*service*/
	.we_provide{display:none;}
	.services_title{padding:20px 0 0 15px;}
	.preset3_service .pre3_ser{padding-bottom:30px;}
	.img1 > img{float:left;width:100%;}
	.img2 > img{float:left;width:100%;}
	/*parallel*/
		.paralex
{
	padding:20px 0;
}
.paralex .par
{
	padding-bottom:40px;
}
.paralex .par_icon
{
	padding-bottom:10px;
}
.mj-parellel
{
	padding-bottom:75px;
}
	/*team*/
	/*client says */
	/*support*/
	.spimage > img{float:left;width:100%;}
	/*contact us*/
	.toptext2.col-md-6.col-sm-6.text-left{display:none;}
	.toptext1.col-md-6.col-sm-6.text-right > h3{text-align:center;}
	.con_border{margin:0 46%;}
	/*contact_details*/
	.contact_details .contact_data{padding-bottom:40px;}
	/*blog*/
	.moduleItemAuthor > a {
    float: left;
    left: 0;
    position: absolute;
    width:auto !important;
    top: 45px;
    padding: 0 15px;
    }
	.moduleItemDateCreated {
    float: right;
    padding: 0 15px;
    position: absolute;
    top: 45px;
    right: 0;
	}
	#triangle-right
	{
		display:none;
	}
}
@media only screen and (max-width: 479px)
{	
	.mission_statement {
		bottom:0px;
		height:auto;
		position: relative;
		padding:55px 30px 30px 30px;
	}

	.blog_left_side .btn_view {
		background-color:#EFEFEF;
		bottom: 98px;
		float: right;
		height: 60px;
		position: absolute;
		margin-bottom: -40px;
		width: 100%;
		
	}
	.blog_right_side .btn_view {
		background-color:#EFEFEF;
		bottom: 98px;
		float: right;
		height: 60px;
		position: absolute;
		margin-bottom: -40px;
		width: 100%;
	}
	.mission_statement{padding:35px 30px 30px;}
	.wht_we_do{padding-top:30px;}
	/*about enon*/
	.responsive_design{}
	.mission_statement{}
	.allabout_button{padding:20px 16px;font-size:19px;}
	.responsivedesign_text{margin-left:58px;position:absolute;}
	/*we are enon*/
	#we_are_enon{padding-bottom:60px;}
	.introduction .title {text-align: center;}
	.introduction .description{margin-bottom:40px;}
	.introduction .sort_description{margin-bottom:20px;}
	.preset3_back_image .purchase_enon{margin-bottom:40px;}
	.wht_we_do .title{text-align:center;}
	/*feature*/
	.preset3_rightside .fw_icon1, .preset3_rightside .fw_icon2{height:125px;}
	.icon_list .fw_icon1, .icon_list .fw_icon2, .icon_list .fw_icon3, .icon_list .fw_icon4{height:125px;}
	.fw_icon1 .fa.fa-clock-o.fa-5x, .fw_icon2 .fa.fa-recycle.fa-5x, .fw_icon2 .fa.fa-laptop.fa-5x, .fw_icon4 .fa.fa-rocket.fa-5x{top:21px;}
	section#features{height:auto !important;}
	.preset3_leftside > img{height:auto;}
	.preset3_rightside .pre3_sort_des{padding:20px;}
	.preset3_rightside{height:auto;margin-bottom:20px;}
	#features .icon_list{height:auto;margin-bottom:20px;}
	.pre3_video{height:auto;margin-bottom:20px;margin-top:20px;}
	/*portfolio*/
	div.default ul.sp-portfolio-filter li{width:100%;}
	.sp-portfolio.default .btn.active{width:100%;}
	/*brand*/
	.mj-brand{
		padding-bottom:175px;
	}
	.client_top .client_text{top:70px;margin-bottom:0px;}
	/*service*/
	.preset1_service .service{float:left;width:100%;}
	#services .service:hover{width:100% !important;}
	/*parallel*/
	.paralex
{
	padding:20px 0;
}
.paralex .par
{
	padding-bottom:40px;
}
.paralex .par_icon
{
	padding-bottom:10px;
}
.mj-parellel
{
	padding-bottom:75px;
}

	/*team*/
	/*client says */
	/*support*/
	.spimage > img{float:left;width:100%;}
	/*contact us*/
	.toptext2.col-md-6.col-sm-6.text-left{display:none;}
	.toptext1.col-md-6.col-sm-6.text-right > h3{text-align:center;}
	.con_border{margin:0 46%;}
	/*contact_details*/
	.contact_details .contact_data{padding-bottom:40px;}
	/*blog*/
	.moduleItemAuthor > a {
    float: left;
    left: 0;
    position: absolute;
    width:auto !important;
    top: 45px;
    padding: 0 15px;
    }
	.moduleItemDateCreated {
    float: right;
    padding: 0 15px;
    position: absolute;
    top: 45px;
    right: 0;
	}
	#triangle-right
	{
		display:none;
	}
}