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

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

}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
#owl-team .item {
    margin-right:30px;
}
.zoom.mrgn1{margin-left:0px;}
.bottom_text.col-md-12 li
{
	line-height:1.6em;
	background-position:0 4px;
}
}

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

}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
.about_tuenal p {
    margin: 0 auto;
    padding:15px;
    width: 100%;
}
.about_tuenal h3{
padding-top:25px;
}
.left_contain .title_text{
	padding-top:20px;
}
.bottom_text.col-md-12 li
{
	line-height:1.6em;
	background-position:0 4px;
}
.purchase_teunal .purchase
{
	top:40px;
}
#we_are_teunal
{
	padding-bottom:68px;
}
.mj-brand{
	padding-bottom:200px;
}
/*about tuenal */
.moduletable.about_tuenal{padding-top:15px;}
.border_button{margin:0 auto;width:50%;}
/* we are tuenal */
#we_are_teunal .left_contain {padding-bottom:60px;}
/*feature */
.feature_text{margin-bottom:20px;}
.input_button .input-button{height:60px;width:370px;}
.sub_image > img{float:left;width:100%;}
.feature_image
{background-size:cover;background-position:center !important;}
/* skill */
.circular-pie span{height: 100px;width: 100px;line-height:95px;font-size:33px;position:relative;top:0;left:0;right:0;}
.circular-item canvas {height: 100px !important;width: 100px !important;}
.circular-pie.easyPieChart {height: 100px !important;width: 100px !important;}
.cms_txt1{font-size:15px;}

/* services */
#services .service:hover{width:50% !important;}
/*client testimonial */
.sfx_ourclient .text1{font-size:20px;margin:20px 40px 0 0;}

.sfx_ourclient .clients_items > img{float:left;margin:20px 40px;}
/*portfolio*/
div.appico ul.sp-portfolio-items > li{float:left !important;width:33% !important;}
/*slide*/
/*service*/

/* paralel */
.par_title.col-md-12.col-sm-12{font-size:30px;}
/* client say */
.client_says .client_text1{font-size:31px;}
/* support */
.spimage > img {float: left;width: 100%;}
.support .spimage{top:50px;}
/*blog*/
.even #triangle-right , .odd #triangle-right
{
	top:70px !important;
}
}
@media(max-width:767px) 
{
/*about tuenal */
.moduletable.about_tuenal{padding-top:15px;}
.border_button{margin:0 30%;}
/* we are tuenal */
/*feature*/
.sub_image > img {float: left;width: 100%;}
.feature_image{background-size:cover;background-position:center !important;}
.process .planing{margin-bottom:20px;}
.process .devlop{margin-bottom:20px;}
/*portfolio*/
div.appico ul.sp-portfolio-items > li {float: left !important;width: 100% !important;}
/*service*/
.sfx_ourclient .text1{font-size:21px;}

.paralex .par_title{font-size:26px;}

.client_says .client_text1{font-size:26px;}
.spimage > img {float: left;width: 100%;height:auto;}
.sfx_support .custom{height:530px;}
/*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)
{
.paralex
{
	padding:20px 0;
}
.paralex .par
{
	padding-bottom:40px;
}
.paralex .par_icon
{
	padding-bottom:10px;
}
.mj-parellel
{
	padding-bottom:75px;
}
/*about tuenal */
.moduletable.about_tuenal{padding-top:15px;}
.border_button{margin:0px auto; width:70%;}
	/*we are tuenal */
	#we_are_teunal .left_contain{padding-top:20px;}
	.bottom_text.col-md-12 li{line-height:1.5em;background-position:0 2px;}
	.com_image {padding-top:50px;}
	/*process*/
	.input_button .input-button{height:50px;width:265px;font-size:18px;}
	.sub_image.col-md-12.col-sm-12.col-xs-12.text-center{display:none;}
	/*skill*/
	#features .skill{margin-top:0;}
	section#features{padding-bottom:30px;}
	.cms_menu .circular-item {margin-bottom: 20px;}
	/*portfolio*/
	.sp-portfolio-filter > li{float:none;width:100%;}
	.sp-portfolio.appico .btn.active{width:100%;}

	/*service*/
	#services .service:hover{width:100% !important;}
	/*testimonial*/
	.sfx_ourclient .clients_items > img{float:left;margin:0px 42%;}

	.sfx_ourclient .intro_text{margin-top:0;}
	/*parallel*/
	.mj-parellel .parellel1{height:auto !important;}
	.paralex{top:10px !important;}
	/*client says */
	/*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)
{	
/*about tuenal*/
.about_tuenal p {
    margin: 0 auto;
    padding:15px;
    width: 100%;
}
.about_tuenal h3{
padding-top:25px;
}
.left_contain .title_text{
	padding-top:20px;
}
.bottom_text.col-md-12 li
{
	line-height:1.6em;
	background-position:0 4px;
}
.purchase_teunal .purchase
{
	top:40px;
}
#we_are_teunal
{
	padding-bottom:68px;
}
.paralex
{
	padding:20px 0;
}
.paralex .par
{
	padding-bottom:40px;
}
.paralex .par_icon
{
	padding-bottom:10px;
}
.mj-parellel
{
	padding-bottom:75px;
}
.moduletable.about_tuenal{padding-top:15px;}
.border_button{margin:0;width:100%;}
#we_are_teunal .left_contain {padding-bottom:60px;}
	/*process*/
	.fea_text a{font-size:15px !important;margin-left:10px !important; line-height:1.5em;}
	.input_button .input-button{font-size:15px;}
	.sub_image.col-md-12.col-sm-12.col-xs-12.text-center{display:none;}
	/*skill*/
	section#features{padding-bottom:30px;}
	#features .skill{margin-top:0;}
	.cms_menu .circular-item {padding-bottom:50px;}
	/*portfolio*/
	.sp-portfolio-filter > li{float:none;width:100%;}
	.sp-portfolio.appico .btn.active{width:100%;}
	div.default .btn{background-color:transparent !important;}
	/*brand*/
	.mj-brand{padding-bottom:160px;}
	.sfx_brand > h3{padding:15px;}
	/*service*/
	.preset1_service .service{float:left;width:100%;}
	#services .service:hover{width:100% !important;}
	/*team*/
	.teamtitle > p{width:100%;}
	/*testimonial*/
	.sfx_ourclient .clients_items > img{float:left;margin:0 33%;}
	.sfx_ourclient .bx-wrapper{height:455px !important;}
	/*parallel*/
	/*client says */
	/*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;
	}
}