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


@media (max-width: 1205px) {
   
    
}

@media (min-width:1170px) and (max-width: 1205px) {
	
	.wrapper{width: 100%; padding: 0 2%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
	
	/*header_section*/
	
	.logo_section{width:17%;}
	.nav_section ul li a{padding: 0 16px;}
	
	/*content_section*/
	
	.content_section_r ul li:nth-child(odd) .content_txt, .content_section_r ul li:nth-child(even) .content_txt{/*min-height: 260px;*/}
	
	.service_middle_r p{font-size: 22px; line-height: 32px;}
	
}

@media (min-width:1025px) and (max-width: 1169px) {
	
	.wrapper{width: 100%; padding: 0 2%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
	
	/*header_section*/
	
	.logo_section{width:19%;}
	.nav_section ul li{font-size:14px;}
	.nav_section ul li a{padding: 0 12px;}
	.nav_section{width:80%;}
	
	/*content_section*/
	
	.content_section_r ul li:nth-child(odd) .content_txt, .content_section_r ul li:nth-child(even) .content_txt{/*min-height: 229px;*/}
	.content_section_r ul li:nth-child(odd) .content_txt h3, .content_section_r ul li:nth-child(even) .content_txt h3{right: 20px; font-size: 20px;}
	
	/*testimonial_section*/
	
	.testi_img{width: 16%;}
	.testi_txt{width: 81%;}
	
	/*friends_page*/
	
	.friends_box_r ul li{margin-right: 14px;}
	.green_box h3{font-size: 22px; line-height: 23px;}
	.friends_box_r_new ul li{margin-right: 13px;}	
	
	.service_middle_r h3{font-size: 22px; line-height: 26px;}
	.service_middle_r p{font-size: 20px; line-height: 28px;}
	.service_top{padding: 30px; font-size: 25px; line-height: 28px;}
	
}

@media (min-width:981px) and (max-width: 1024px) {
	
	.wrapper{width: 100%; padding: 0 2%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
	
	/*header_section*/
	
	.header_section{padding-bottom: 30px;}
	.logo_section{width:20%;}
	.nav_section{width:80%;}
	.nav_section ul li {font-size:13px;}
	.nav_section ul li a{padding: 0 10px;}
	
	
	/*content_section*/
	
	.content_section_r ul li:nth-child(odd) .content_txt, .content_section_r ul li:nth-child(even) .content_txt{/*min-height: 219px;*/}
	.content_section_r ul li:nth-child(odd) .content_txt h3, .content_section_r ul li:nth-child(even) .content_txt h3{right: 20px; font-size: 20px;}
	.about_txt{padding: 10px 15px 10px 15px;}
	.about_txt h2{padding: 0 0 5px 0; font-size: 24px; line-height: 24px;}
	.about_txt p,.about_txt h1.seo-heading-bold{font-size: 15px; line-height: 20px; padding: 0 0 10px 0;}
	.content_section_r ul li{padding-bottom: 11px;}
	
	/*testimonial_section*/
	
	.testi_img{width: 18%;}
	.testi_txt{width: 79%;}
	
	/*friends_page*/
	
	.friends_box_r ul li{margin-right: 14px;}
	.green_box h3{font-size: 22px; line-height: 23px;}
	.friends_img .img_txt span{padding: 15px;}
	.friends_box_r_new ul li{margin-right: 13px; width: 23.5%;}
	
		.service_middle_r h3{font-size: 20px; line-height: 25px;}
	.service_middle_r p{font-size: 19px; line-height: 26px;}
	.service_box_l h2{font-size: 22px; line-height: 24px;}
	.service_top{padding: 30px; font-size: 25px; line-height: 28px;}
	
	
}

@media (min-width:769px) and (max-width: 980px) {
	
	.wrapper{width: 100%; padding: 0 2%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
	
	/*header_section*/
	
	.header_section{padding-bottom: 30px;}
	.logo_section{width:20%;}
	.nav_section ul{padding: 40px 0 0 0;}
	.nav_section ul li a{padding: 0 6px;}
	.nav_section ul li{font-size: 11px;}
	.nav_section{width: 78%;}
	
	/*content_section*/
	
	.content_section_r ul li:nth-child(odd) .content_txt, .content_section_r ul li:nth-child(even) .content_txt{/*min-height: 172px;*/}
	.content_section_r ul li:nth-child(odd) .content_txt h3, .content_section_r ul li:nth-child(even) .content_txt h3{right: 10px; left: 10px; font-size: 16px;}
	.about_txt{padding: 10px 15px 10px 15px;}
	.about_txt h2{padding: 0 0 5px 0; font-size: 24px; line-height: 24px;}
	.about_txt p,.about_txt h1.seo-heading-bold{font-size: 15px; line-height: 20px; padding: 0 0 10px 0;}
	.content_section_r ul li{padding-bottom: 11px;}
	
	/*testimonial_section*/
	
	.testi_img{width: 22%;}
	.testi_txt{width: 76%;}
	
	/*footer_section*/
	
	.footer_r{width:38%;}
	.footer_l{width:56%; font-size:14px;}
	
	/*friends_page*/
	
	.friends_box_r ul li{margin-right: 11px;}
	.green_box h3{font-size: 18px; line-height:20px; left: 10px;}
	.friends_img .img_txt span{padding: 10px; font-size: 15px; line-height: 17px;}
	.friends_top{font-size: 30px; line-height: 34px; padding: 20px; margin: 0 0 40px 0;} 
	.friends_content_box h2{padding: 0 0 40px 0;}
	.more_link{font-size: 15px;}
	.grey_box p{font-size: 14px; line-height: 20px;}
	.visit_links{font-size: 15px;}
	.friends_box_r_new ul li{margin-right: 13px; width: 23.5%;}
	
	.service_middle_r h3{font-size: 18px; line-height: 22px;}
	.service_middle_r p{font-size: 16px; line-height: 22px;}
	.service_box_l h2{font-size: 20px; line-height: 22px;}
	.service_top{padding: 20px; font-size: 20px; line-height: 24px;}
	
	/*#pagination_porto{top:72%;}*/
}			

@media (min-width:641px) and (max-width: 768px) {
	
	.wrapper{width: 100%; padding: 0 2%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
	
	/*header_section*/
	
	.header_section{padding-bottom: 30px;}
	.logo_section{width:100%; float: none; text-align: center;}
	.nav_section{width: 100%; float: none;}
	.nav_section ul{padding: 10px 0 0 0; text-align: center; transition: 0.3s ease;}
	.nav_section ul li a{text-align: left; padding: 10px;}
	.nav_section ul li{font-size: 13px; padding: 0 !important; list-style: none; background: #e9e9e9; border-bottom: solid 1px #e2d7ce; border-top:none; transition: 0.8s ease;} 
	.nav_section ul li:hover{ border-bottom: solid 1px #e2d7ce; border-top:none; border-right:none; border-left:none; background:#D5DF40;}
	.nav_section ul li:first-child{background: none; text-align: center;}
	.nav_section ul li:first-child a{text-align: center; padding: 0;}
	.nav_section ul li:first-child a:hover{color: #d6e040;}
	.nav_section ul li .fa{font-size: 26px; padding-bottom: 10px;}
	.nav_section ul li a:hover{color: #0f0e0c;}
	.nav_section ul li:last-child{border:none;}
	/*sub-menu*/
	.sub-menu{width:100%; top:39px; padding:0 !important;}
	.sub-menu li a{padding:10px !important;}
	.sub-menu li:first-child a{text-align:left !important;}
	.sub-menu li {background:#d6df40 !important;}
	.sub-menu li:hover{background:#191804 !important;}
	
	/*content_section*/
	
	.content_section_l{float: none; width: 100%; margin-bottom: 20px;}
	.content_section_r{float: none; width: 100%;}
	.content_section_l img{width: 100%;}
	.content_section_r ul li:nth-child(odd) .content_txt, .content_section_r ul li:nth-child(even) .content_txt{/*min-height: 277px;*/}
	.content_section_r ul li:nth-child(odd) .content_txt h3, .content_section_r ul li:nth-child(even) .content_txt h3{right: 10px; left: 10px; font-size: 21px;}
	.about_txt{padding: 10px 20px 10px 20px;}
	.about_txt h2{padding: 0 0 5px 0; font-size: 24px; line-height: 24px;}
	.about_txt p,.about_txt h1.seo-heading-bold{font-size: 15px; line-height: 20px; padding: 0 0 10px 0;}
	.content_section_r ul li{padding-bottom: 11px;}
	
	/*testimonial_section*/
	
	.testi_img{width: 100%; float: none; padding-bottom: 20px; text-align: center;} 
	.testi_txt{width: 100%; float: none;}
	.testi_img img{text-align: center; margin: 0 auto;}
	
	/*footer_section*/
	
	.footer_r{width:100%; float:none; text-align:center;}
	.footer_l{width:100%; float:none; padding-bottom:20px; text-align:center;}
    .footer_r ul{float:none;}
	.footer_r ul li{float:none; display:inline-block; vertical-align:top;}
	
	/*friends_page*/
	
	.friends_box_r ul li{margin-right: 9px;}
	.green_box h3{font-size: 16px; line-height:18px; left: 10px;}
	.friends_img .img_txt span{padding: 10px; font-size: 13px; line-height: 15px;}
	.friends_top{font-size: 26px; line-height: 28px; padding: 20px; margin: 0 0 20px 0;} 
	.friends_content_box h2{padding: 0 0 20px 0; font-size: 22px; line-height: 20px;}
	.more_link{font-size: 15px;}
	.grey_box p{font-size: 14px; line-height: 20px;}
	.visit_links{font-size: 15px;}
	.friends_box_r_new ul li{margin-right: 12px; width: 23.5%;}
	
	.service_middle_l{float: none; width: 100%; margin: 0 auto; text-align: center;}
	.service_middle_l img{text-align: center; margin: 0 auto;}
	.service_middle_r{float: none; width: 100%; margin: 25px 0 0 0; text-align: center;}
	.service_middle_r h3{font-size: 18px; line-height: 22px;}
	.service_middle_r p{font-size: 16px; line-height: 22px;}
	.service_box_l h2{font-size: 20px; line-height: 22px; left: 15px; right: 15px;}
	.service_top{padding: 20px; font-size: 20px; line-height: 24px;}
	
	/*#pagination_porto{top:15%;}*/
	
	/*14-04-2017*/
	
	.about_txt p{display:none;}
	.for_mobile_device_only{display:block;}
}			

@media (min-width:481px) and (max-width: 640px) {
	
	.wrapper{width: 100%; padding: 0 2%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
	
	/*header_section*/
	
	.header_section{padding-bottom: 30px;}
	.logo_section{width:100%; float: none; text-align: center;}
	.nav_section{width: 100%; float: none;}
	.nav_section ul{padding: 10px 0 0 0 !important; text-align: center; transition: 0.3s ease;}
	.nav_section ul li a{text-align: left; padding: 10px;}
	.nav_section ul li{font-size: 13px; padding: 0 !important; list-style: none; background: #e9e9e9; border-bottom: solid 1px #e2d7ce; border-top:none;} 
	.nav_section ul li:hover{ border-bottom: solid 1px #e2d7ce; border-top:none; border-right:none; border-left:none; background:#D5DF40;}
	.nav_section ul li:first-child{background: none; text-align: center;}
	.nav_section ul li:first-child a{text-align: center; padding: 0;}
	.nav_section ul li:first-child a:hover{color: #d6e040;}
	.nav_section ul li .fa{font-size: 26px; padding-bottom: 10px;}
	.nav_section ul li a:hover{color: #0f0e0c;}
	.nav_section ul li:last-child{border:none;}
	
	/*sub-menu*/
	.sub-menu{width:100%; top:39px; padding:0 !important;}
	.sub-menu li a{padding:10px !important;}
	.sub-menu li:first-child a{text-align:left !important;}
	.sub-menu li {background:#d6df40 !important;}
	.sub-menu li:hover{background:#191804 !important;}
	
	/*content_section*/
	
	.content_section_l{float: none; width: 100%; margin-bottom: 20px;}
	.content_section_r{float: none; width: 100%;}
	.content_section_l img{width: 100%;}
	.content_section_r ul li:nth-child(odd) .content_txt, .content_section_r ul li:nth-child(even) .content_txt{/*min-height: 219px;*/}
	.content_section_r ul li:nth-child(odd) .content_txt h3, .content_section_r ul li:nth-child(even) .content_txt h3{right: 10px; left: 10px; font-size: 18px;}
	.about_txt{padding: 10px 20px 10px 20px;}
	.about_txt h2{padding: 0 0 5px 0; font-size: 24px; line-height: 24px;}
	.about_txt p,.about_txt h1.seo-heading-bold{font-size: 15px; line-height: 20px; padding: 0 0 10px 0;}
	.content_section_r ul li{padding-bottom: 11px;}
	
	/*testimonial_section*/
	
	.testi_img{width: 100%; float: none; padding-bottom: 20px; text-align: center;} 
	.testi_txt{width: 100%; float: none;}
	.testi_img img{text-align: center; margin: 0 auto;}
	
	/*footer_section*/
	
	.footer_r{width:100%; float:none; text-align:center;}
	.footer_l{width:100%; float:none; padding-bottom:20px; text-align:center;}
    .footer_r ul{float:none;}
	.footer_r ul li{float:none; display:inline-block; vertical-align:top;}
	
	/*friends_page*/
	
	.friends_box_l{float: none; width: 100%; margin-bottom: 30px;}
	.friends_box_r{float: none; width: 100%;}
	.friends_box_r ul li{margin-right: 0; float: none; width: 100%;}
	.green_box h3{/*font-size: 16px; line-height:18px; left: 10px;*/}
	.friends_img .img_txt span{/*padding: 10px; font-size: 13px; line-height: 15px;*/}
	.friends_top{font-size: 20px; line-height: 22px; padding: 20px; margin: 0 0 20px 0;} 
	.friends_content_box h2{padding: 0 0 20px 0; font-size: 18px; line-height: 20px;}
	.more_link{font-size: 15px;}
	.grey_box p{font-size: 14px; line-height: 20px;}
	.visit_links{font-size: 15px;}
	.green_box:before{content: ""; right: -60px; position: absolute; top: 38%; z-index: 1;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 0; border: none;}
	.green_box:hover{background: #3a3a3a; color: #fff;} 
	.green_box:hover:before{content: ""; right: -60px; position: absolute; top: 38%; z-index: 1; opacity: 1; border: none;}
	.friends_img img{width: 100%;}
	.friends_box_r_new ul li{float: none; width: 100%; margin: 0 0 30px 0;}
	
	.service_middle_l{float: none; width: 100%; margin: 0 auto; text-align: center;}
	.service_middle_l img{text-align: center; margin: 0 auto;}
	.service_middle_r{float: none; width: 100%; margin: 25px 0 0 0; text-align: center;}
	.service_middle_r h3{font-size: 18px; line-height: 22px;}
	.service_middle_r p{font-size: 16px; line-height: 22px;}
	.service_box_l h2{font-size: 20px; line-height: 22px; left: 15px; right: 15px;}
	.service_box_l{float: none; width: 100%; margin: 0 0 15px 0;}
	.service_box_r{float: none; width: 100%;}
	.service_box_l:before{border: none;}
	.service_box_l:hover:before{border: none;}
	.service_grey{margin: 15px 0 0 0; padding: 20px;}
	.enquire_btn{font-size: 16px; padding: 10px 25px;}
	.service_footer h4{font-size: 22px; line-height: 23px; padding: 20px 0;}
	.service_top{padding: 20px; font-size: 20px; line-height: 24px;}
	
	/*#pagination_porto{top:16%;}*/
	
	.portfolio_content_different h1{font-size:22px !important;}
	
	/*14-04-2017*/
	
	.about_txt p{display:none;}
	.for_mobile_device_only{display:block;}
	
	
}	

@media (max-width: 480px) {
   
	.wrapper{width: 100%; padding: 0 2%; box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;}
	
	/*header_section*/
	
	.header_section{padding-bottom: 30px;}
	.logo_section{width:100%; float: none; text-align: center;}
	.nav_section{width: 100%; float: none;}
	.nav_section ul{padding: 10px 0 0 0 !important; text-align: center; transition: 0.3s ease;}
	.nav_section ul li a{text-align: left; padding: 10px;}
	.nav_section ul li{font-size: 13px; padding: 0 !important; list-style: none; background: #e9e9e9; border-bottom: solid 1px #e2d7ce; border-top:none;} 
	.nav_section ul li:hover{ border-bottom: solid 1px #e2d7ce; border-top:none; border-right:none; border-left:none; background:#D5DF40;}
	.nav_section ul li:first-child{background: none; text-align: center;}
	.nav_section ul li:first-child a{text-align: center; padding: 0;}
	.nav_section ul li:first-child a:hover{color: #d6e040;}
	.nav_section ul li .fa{font-size: 26px; padding-bottom: 10px;}
	.nav_section ul li a:hover{color: #0f0e0c;}
	.nav_section ul li:last-child{border:none;}
    
	/*sub-menu*/
	.sub-menu{width:100%; top:39px; padding:0 !important;}
	.sub-menu li a{padding:10px !important;}
	.sub-menu li:first-child a{text-align:left !important;}
	.sub-menu li {background:#d6df40 !important;}
	.sub-menu li:hover{background:#191804 !important;}
	
	/*content_section*/
	
	.content_section_l{float: none; width: 100%; margin-bottom: 20px;}
	.content_section_r{float: none; width: 100%;}
	.content_section_l img{width: 100%;}
	.content_section_r ul li:nth-child(odd) .content_txt, .content_section_r ul li:nth-child(even) .content_txt{/*min-height: 147px;*/}
	.content_section_r ul li:nth-child(odd) .content_txt h3, .content_section_r ul li:nth-child(even) .content_txt h3{right: 10px; left: 10px; font-size: 14px;}
	.about_txt{padding: 15px 20px 15px 20px; /*top:43.5%; */}
	.about_txt.for_mobile_device_only{ position:inherit; display:inherit; }
	.about_txt h2{padding: 0 0 5px 0; font-size: 24px; line-height: 24px;}
	.about_txt p,.about_txt h1.seo-heading-bold{font-size: 15px; line-height: 20px; padding: 0 0 10px 0;}
	.content_section_r ul li{padding-bottom: 11px;}
	.content_section_r ul li:nth-child(2n+1) .content_txt .fa{padding-left: 6px;}
	.about_txt p { display:none; }
	.about_txt.for_mobile_device_only p { display:inherit; }
	/*testimonial_section*/
	
	.testi_img{width: 100%; float: none; padding-bottom: 20px; text-align: center; margin-top: 20px;} 
	.testi_txt{width: 100%; float: none;}
	.testi_img img{text-align: center; margin: 0 auto;}
	
	/*footer_section*/
	
	.footer_r{width:100%; float:none; text-align:center;}
	.footer_l{width:100%; float:none; padding-bottom:20px; text-align:center; font-size:12px;}
    .footer_r ul{float:none;}
	.footer_r ul li{float:none; display:inline-block; vertical-align:top;}
	
		/*friends_page*/
	
	.friends_box_l{float: none; width: 100%; margin-bottom: 30px;}
	.friends_box_r{float: none; width: 100%;}
	.friends_box_r ul li{margin-right: 0; float: none; width: 100%;}
	.green_box h3{/*font-size: 16px; line-height:18px; left: 10px;*/}
	.friends_img .img_txt span{/*padding: 10px; font-size: 13px; line-height: 15px;*/}
	.friends_top{font-size: 20px; line-height: 22px; padding: 20px; margin: 0 0 20px 0;} 
	.friends_content_box h2{padding: 0 0 20px 0; font-size: 18px; line-height: 20px;}
	.more_link{font-size: 15px;}
	.grey_box p{font-size: 14px; line-height: 20px;}
	.visit_links{font-size: 15px;}
	.green_box:before{content: ""; right: -60px; position: absolute; top: 38%; z-index: 1;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 0; border: none;}
	.green_box:hover{background: #3a3a3a; color: #fff;} 
	.green_box:hover:before{content: ""; right: -60px; position: absolute; top: 38%; z-index: 1; opacity: 1; border: none;}
	.friends_img img{width: 100%;}
	.friends_box_r_new ul li{float: none; width: 100%; margin: 0 0 30px 0;}
	
	.service_middle_l{float: none; width: 100%; margin: 0 auto; text-align: center;}
	.service_middle_l img{text-align: center; margin: 0 auto;}
	.service_middle_r{float: none; width: 100%; margin: 25px 0 0 0; text-align: center;}
	.service_middle_r h3{font-size: 18px; line-height: 22px;}
	.service_middle_r p{font-size: 16px; line-height: 22px;}
	.service_box_l h2{font-size: 20px; line-height: 22px; left: 15px; right: 15px;}
	.service_box_l{float: none; width: 100%; margin: 0 0 15px 0;}
	.service_box_r{float: none; width: 100%;}
	.service_box_l:before{border: none;}
	.service_box_l:hover:before{border: none;}
	.service_grey{margin: 15px 0 0 0; padding: 20px;}
	.enquire_btn{font-size: 16px; padding: 10px 25px;}
	.service_footer h4{font-size: 22px; line-height: 23px; padding: 20px 0;}
	.service_top{padding: 20px; font-size: 20px; line-height: 24px;}
	
	/*#pagination_porto{top:13%; right:0;}*/
	
	.portfolio_content_different h1{font-size:20px !important;}
	
	/*14-04-2017*/
	
	.about_txt p{display:none;}
	.for_mobile_device_only{display:block;}
}	
/*@media (min-width:323px) and (max-width: 480px) {
	
	#pagination_porto{top:16%; right:0;}
}	*/