/* Mobile Portrait View */
@media screen and (max-width:767px) {
/*coloumn css*/ 
.blog-post-repeat .post-thumb, .bloggridlayout .blog-post-repeat{ float:none !important; width:100% !important; margin:0 0 30px !important;}
	.left, 
	.right,
	.copyright-txt, 
	.design-by, 
	.powerby,
	.fcopy-right50,
	.fcopy-left50{ 
		text-align:center; 
		width:auto; 
		float:none; 
	}		
	.container { 
		width:auto; 
		padding:10px;
	}
	.logo h1{ 
		font-size:30px;
	}
	.BlogPostList .hg-blog-img.imgLeft{ 
		width:auto; 
		height:auto; 
		float:none; 
		margin:0 0 20px;
	}
	
	.BlogPostList .hg-blog-img img{
		 height:auto; 
		 min-height: inherit;
	 }
	.BlogPostList{ 
		float:none; 
		width:100%; 
		margin:0 0 30px 0;
		padding:20px;
	}
	.LayoutContent-70{ 
		padding:40px 0;
	}	
	.copyrigh-wrapper:before{ 
		display:none;
	}	
	.BlogPostList .hg-blog-img{
		float:none;
		width:100%;
		margin:0 0 15px;
		height:auto;
	}	
	#sidebar{ 
		width:100% !important; 
		box-shadow:none;
	}	
	.LayoutContent-70{
		width:auto; 
		float:none; padding-top:0px;
	}
	.fwcolumn-1, 
	.fwcolumn-2, 
	.fwcolumn-3, 
	.fwcolumn-4{ 
		float:none; 
		width:100%; 
		margin:0 0 5px; 
		padding:25px 0; 
		text-align:left;
	}
	.site-footer .container{ 
		padding:0 20px;
	}
	.copyrigh-wrapper .container{ 
		padding:0 20px;
	}
	h2.section_title{ 
		font-size:34px; 
		margin-bottom:25px;
	}
	.wpcf7 input[type="text"], 
	.wpcf7 input[type="tel"], 
	.wpcf7 input[type="email"], 
	.wpcf7 textarea{ 
		width:100%;
	}
	#SiteWrapper{ 
		width:100%;
	}
	h2.services_title{ 
		font-size:30px;
	}
	.RightNavMenu{ 
		float:none; 
		width:100%; 
		text-align:center;
	}	
	.gridlayout .BlogPostList, 
	.fullwidth .BlogPostList{ 
		width:auto;
		float:none;
		margin:0 0  25px 0;
		padding:0;
		box-shadow:none;
	}
	.nivo-caption{ 
		padding:0 20px; 
		width:100%;
	}
	.nivo-caption h2{ 
font-size: 18px !important;
line-height: 22px !important;
margin: 0 0 5px !important;	}
	.nivo-caption p{ 
		font-size:13px !important;
		line-height:16px; 
		margin-bottom:10px;
	}
	.nivo-caption .slidermorebtn{ 
		font-size:12px;
		padding:5px 20px; 
		line-height:20px;
	}
	.nivo-directionNav a{ 
		top:35% !important;
	}
	.nivo-controlNav{ 
		display:none !important;
	}
	a.nivo-prevNav{ 
		left:1%;
	}
	a.nivo-nextNav{
		right:1%;
	}
	h2.section_title{ 
	font-size:28px;
	}
	
	.nivo-directionNav{ 
		display:none;
		top:35%;
	}	
	.hdrtop-Info{ 
		margin:0;
		padding:0;
		border:none;
		text-align:center;
		display:block;
	}
	.hdrsocial a{ 
		width:30px;
		line-height:40px;
	}
	
	.slidePhoneSt .phoneicon{ 
		width:35px; 
		height:35px; 
		margin-right:15px;
	}
	.slidePhoneSt .phoneicon i{ 
		font-size:30px;
	}
	.quotebtn{ 
		position:relative; 
		text-align:center;
		padding:16px; 
		transform: skew(0deg);
	}
	.quotebtn h4 {
		transform:skew(0deg); 
	}
	.quotebtn:after{ 
		display:none;
	}	
	.slidePhoneSt{ 
		padding:25px;
		position:relative;
		top:25px;
		width:100%;
	}
	.slidePhoneSt h2{ 
		font-size:36px;
	}
	.post-date, 
	.post-comment, 
	.blog-postcat, 
	.edit-link{ 
		display:inline-block; 
		margin-bottom:5px;
	}
	 .woocommerceright{ float:none !important; padding:0 !important;}
	 .woocommerceleft{ float:none !important; padding:0 !important;}

/****/	 
.innerbanner{min-height:inherit;}
.footer-fix{padding: 40px 0 0px;}
.footer-info-box.footer-info-box1, .footer-info-box.footer-info-box2, .footer-info-box.footer-info-box3 {width:100%; text-align:center; padding:15px 0px;}
.footer-info-box.footer-info-box3 .footsocial{ text-align:center;}
.footer-info{ padding:15px 0px;}
.header-top-area-left, .header-top-area-right{ width:100%;}
.hdrtop-Info, .heade-top-area-mail{ width:100%; border:none;}
.hdrtop-Info span b {padding-left:0px; display:block;}
.hdrtop-Info {line-height:normal;}
.header-contact-info {float:left;}
.nivo-caption h4{margin-bottom:5px; font-size:15px !important;}
#navigationpanel{float:right; width:100%; position:static;}
.nivoSlider{ min-height:inherit;}
.site-navigation .book-ticket-button a {background:none;color:#fff !important; margin-left:0px;}
.site-navigation .book-ticket-button a:hover{ color:#36c5d5 !important; background:none;}

.cols-4 .widget-column-1, .cols-4 .widget-column-2,.cols-4 .widget-column-3, .cols-4 .widget-column-4 {width:100%; margin-bottom:40px;}
.footer-contact-info .footer-info-box, .footer-contact-info .footer-info-box:nth-child(1) {width:100%; padding:15px; border-right:none; padding-left:60px;}
.footer-contact-info .footer-info-box i, .footer-contact-info .footer-info-box:nth-child(1) i{left:15px; top:25px;}

.header-top-area-left .hdrtop-Info{padding:8px 0px; font-size:15px;}
.header-top-area-left::before { display:none;}
.heade-top-area-add{ padding-left:0px; padding-top:25px;}
.header-top-area-right{ padding-top:0px;}
.header-area .container{ position:relative;}
.widget-column-4{ width:100% !important;}
.widget-column-1, .widget-column-2, .widget-column-3 {padding-top:0px;}

.welcom_fishland_mid {width:100% !important; position:relative !important; right:0; bottom:0;}
.welcom_fishland_left::before, .our_superiority_img::before, .what_we_do_left_img::before, .export_potential::before { display:none;}
.choose_us_video {position:relative !important; top:0%; transform:inherit; margin:0 auto;}
.our_superiority_box .elementor-widget-container {width:100% !important; float:none;}
.our_superiority_box {position:relative !important; right:0; top:0; transform:inherit;}
.our_superiority_box .elementor-widget-container {border-radius:10px !important;}
.our_superiority​ .elementor-image-box-img{width:100px !important;  height:100px; margin-bottom:20px !important;}
.team-inner {width:100%;}
.what_we_do_box .elementor-image-box-description {position:relative;}
.counter_title {position:relative !important; right:0px; top:0px; width:100% !important; text-align:left;}
.counter_title_bottome{ bottom:0px;}
.welcom_fishland_mid .elementor-image-box-img{width:70px !important; margin-bottom:20px;}
.services_info_box {width:95% !important; margin-bottom:30px;}
.single_post_content {width:100%; padding:40px 15px;}
}

/* Mobile Landscape View */
@media screen and (min-width: 300px) and (max-width: 480px){
	.testing{ 
		margin-right:-15px;
	}	
	
}

/* Mobile Landscape View */
@media screen and (min-width: 481px) and (max-width: 767px){
	.home .container{ 
		width:400px; margin:0 auto;
	}
	.nivo-controlNav{ 
		display:none !important;
	}
	.menu-toggle {
		right:35px;
	}
	
/****/
.NewsBox {width:50%;}
}

@media screen and (min-width:768px) and (max-width: 980px){
	#navigationpanel{ 
		float:none; 
		width:100%; 
		text-align:left; 
		padding:1px 0;
	}
	.RightNavMenu{ 
		float:none;
		width:100%; 
		text-align:center; bottom:0px;
	}
	.menu-toggle {
		right:35px; bottom:35px;
	}
	h2.section_title{ 
		font-size:30px;
	}	
	
	.nivo-caption{ 
		padding:0 40px;
	}
	
	.BlogPostList .hg-blog-img{ 
		height:120px;
	}
	.bloggridlayout .hg-blog-img{ height:125px;}
	

.site-navigation .book-ticket-button a {background:none;color:#222 !important; margin-left:0px; }
.site-navigation .book-ticket-button a:hover{ color:#36c5d5 !important; background:none;}

.cols-4 .widget-column-1, .cols-4 .widget-column-2,.cols-4 .widget-column-3, .cols-4 .widget-column-4 {width:50% !important; margin-bottom:40px; margin-right:0px; padding-right:20px;}
.footer-contact-info .footer-info-box, .footer-contact-info .footer-info-box:nth-child(1) {width:100%; padding:15px; border-right:none; padding-left:90px;}
.footer-contact-info .footer-info-box i, .footer-contact-info .footer-info-box:nth-child(1) i{left:35px; top:25px;}
.footer-contact-info {width:50%; margin:0 auto;}
.innerbanner{min-height:inherit;}
.tmthumb::before{ font-size:20px;}
.header-top-area-left, .header-top-area-right {width:auto; float:none}
.widget-column-4{width:50% !important;}
.nivoSlider{ min-height:inherit;}
.welcom_fishland_left::before, .our_superiority_img::before, .what_we_do_left_img::before, .export_potential::before { display:none;}
.what_we_do_box .elementor-column.elementor-col-50 {width:100%;}
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:768px) { 
	.container { 
		width:auto; 
		padding:20px;
	}
	/*slider css*/
	.nivo-caption{ 
		width:60%; 
		padding:0 20px; 
	}
	.nivo-caption h2{ 
		font-size:26px !important; 
		line-height:45px; margin:0px;
	}
	#SiteWrapper{ 
		width:100%;
	}
	
/****/
.footer-fix{padding: 40px 0 0px;}
.footer-info-box.footer-info-box1, .footer-info-box.footer-info-box2, .footer-info-box.footer-info-box3 {width:100%; text-align:center; padding:15px 0px;}
.footer-info-box.footer-info-box3 .footsocial{ text-align:center;}
.footer-info{ padding:15px 0px;}
.hdrtop-Info, .heade-top-area-mail{text-align:left; line-height: normal;}
.hdrtop-Info span b {padding-left:0px; display:block;}
.hdrtop-Info {line-height:normal;}
.header-contact-info {float: none; display:table; margin:0 auto;}
.nivo-caption h4{margin-bottom:0px; font-size:17px !important;}
#navigationpanel{float:right; width:100%; position:static;}
.hdrsocial a{ line-height:normal;}
.nivoSlider{ min-height:inherit;}

.header-top-area-left::before { display:none;}
.hdrtop-Info.hdrsocial{text-align:center; padding-top:10px;}
.slidecaption-wp{top:60%;}
.nivo-directionNav{width:90%;}
.widget-column-1, .widget-column-2, .widget-column-3{ padding:0px;}
.widget-column-4{width:30% !important;}

.welcom_fishland_mid {width:87% !important; position:absolute !important; right:0px;}
.services_info_box {width:95% !important;}
.choose_us_video{top:70%; margin:0 auto !important; left:0px; right:0;}
.our_superiority_box .elementor-widget-container {width:50% !important;}
.team-inner {width:50%;}
.project_box .elementor-image-box-content {padding:18px;}
.what_we_do_box .elementor-image-box-description {position:relative;}
.process_box_content .elementor-image-box-img {width:130px !important; height:130px;}
.process_box_no{ right:0px;}
.our_superiority_box .elementor-widget-container {width:100% !important; float:none;}
.our_superiority_box {position:relative !important; right:0; top:0; transform:inherit;}
.our_superiority_box .elementor-widget-container {border-radius:10px !important; padding:20px !important;}
.counter_title{right:0px; top:70px; width:70% !important;}
.counter_title_bottome{ top: auto !important;}
.single_post_content {width:100%; padding:60px 15px;}
}

/* Tablet View */
@media screen and (max-width:1169px) and (min-width:981px) { 	
	.hdrtop-Info{ font-size:14px;}
	.RightNavMenu{ width:auto;}
	.site-header{ 
		height:auto;
		position:relative;
		top:auto;
	}
	.logo{ 
		width:auto;
	}
	.video_title h2{ 
		font-size:50px; 
		line-height:50px;
	}
	.nivo-caption{ 
		width:70%; 
		padding:0 80px; 
	}
	.logo{ 
		width:25%;
	}
	.BlogPostList .hg-blog-img{ 
		height:160px;
	}
	.site-navigation.Nopad{	
	  padding: 40px 0;
	 }
	 .bloggridlayout .hg-blog-img{ height:160px;}
	 
.hdr-topstrip .container { width:auto; padding:10px 10px;}	 
.header-contact-info {display:table; margin:0 auto; float:none;}
#navigationpanel {width:75%; float:right;}
.nivoSlider{ min-height:inherit;}

.footer-contact-info .footer-info-box i, .footer-contact-info .footer-info-box:nth-child(1) i{left:35px; top:5px;}
.footer-contact-info .footer-info-box, .footer-contact-info .footer-info-box:nth-child(1){padding-left: 75px;}
.header-top-area-left{width:40%; float:left}
.header-top-area-right {width:60%; float:left; padding-top:0px;}
.hdrtop-Info.hdrsocial {text-align:left;}
}

@media screen and (max-width: 980px){
	.hdrtop-Info{ font-size:14px;}
	.logo{ 
		position:relative;
		width:auto;
		margin:0; 
		text-align:center;
		top:auto;
		max-width:none;padding: 10px 0px;
	}
	.site-header{ 
		height:auto;
		position:relative;
		top:auto;
	}
	.hdrtop-Info{ 
		line-height: normal;
	}
	.hdr-topstrip{
		border-radius:0;
		float:none;
		padding:0px;
		text-align:center;
	}
	.site-header.innerpage_header .header-section{ 
		box-shadow:0 3px 3px #f1f1f1;
	}
	a.quote{ 
		margin-top:10px;
	}
	.LgoBX{ 
		position:relative; 
		top:0;
		padding:0; 
		box-shadow:none;
	}
	.site-navigation a{ 
		color:#fff;
	}
	.site-navigation .menu ul a,
	.site-navigation .menu ul ul a {
		padding: 0.75em 1.75em;
	}
	.RightNavMenu{ 
		padding:0px 0 0;
	}
	.hdrsocial{ 
		float:none;
	}	
	.site-header.innerpage_header{ 
		box-shadow:none;
	}
	.header-section .container { 
		padding:0;
	}
	.logo{
	}
	.HomepageSlider::before{ 
		width:100%;
	}
	
	a.nivo-prevNav {
		left: auto;
	}
	a.nivo-nextNav {
		right:0;
	}
	.site-navigation .menu ul{ 
		background-color:transparent !important
	}
	
	.nivoSlider:hover .nivo-directionNav{ 
		display:none !important;
	}
	.slidePhoneSt span{ 
		margin-bottom:15px;
	}
	.hdr-topstrip .right.space250{ 
		padding:0;
	}	
	
}
@media screen and (min-width:1210px) { 
	.boxlayout .site-header.fixed{ width:1210px; margin:0 auto;}
}