@media (max-width: 768px){

#map
{
	width:310px;
	height:320px;
}
#tf-home{
	background: url(../img/08.jpg) no-repeat  center center fixed;
	background-size:cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	color: #cfcfcf;
}

   h1 {	font-size:28px; }
   h2 {	font-size:22px; }
   
	.section-title.center{	padding: 30px 0;}
	.section-title h2, .section-title.center h2{font-weight: 300; margin-top:30px;}
	.section-title.center .line{
	border-top: 4px solid #fcac45;
	height: 10px;
	width: 60px;
	text-align: center;
	margin: 0 auto;
	margin-top: 20px;
	}

  .content {
		padding: 10% 0 0;
	}
	
   p.lead{
	font-size: 13px;
	color: #e3e3e3;
	padding-top:5px;
	}	
	
	p.intro{
	font-size: 14px;
	margin: 12px 0 0;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
	color:#ffffff;
	font-weight:100;
	}

	p.intro1{
	font-size: 14px;
	margin: 14px 0 0;
	line-height: 24px;
	font-family: 'Open Sans', sans-serif;
	color:#000000;
	font-weight:normal;
	}

	ul.about-list{ margin: 30px 0 0 ;}
	ul.about-list li{
		display: block;
		font-size: 14px;
		line-height: 30px;
		font-family: 'Open Sans', sans-serif;
		color:#FFC184;
	}
	ul.about-list li span{ 
		margin-right: 10px;
	}
	
}

@media (max-width: 603px){
#tf-menu.navbar-default {
	background-color: rgba(0, 0, 0, 0.79);
	}
#tf-works li.pull-right, #tf-works li.pull-left {
    margin-top: 10px;
    float: none !important;
    text-align: center;
    display: block;
}
label{
    float: none !important
}
.pull-left.fnav,
.pull-right.fnav {
    float: none !important;
    text-align: center;
}

.hover-bg .hover-text {
    padding: 12% 10%;
}
}
@media (max-width: 360px){
.hover-bg .hover-text {
    padding: 22% 10%;
}

.menuMobile{ display:block; color:#FFFFFF; padding:10px 0 0 10px; font-size:1.0em; position:relative;z-index:99999;}
	#nav-mobile{width:100%;position:absolute; top:56px; right:0; background:#012F49; padding:0;}
	#nav-mobile ul {list-style-type: none;margin:0;padding:10px 0 0 0; text-align:left;}
	#nav-mobile li, #nav-mobile li a{color:#fff; font-size:16px; }
	#nav-mobile li a{padding:10px 5px 10px 30px; border-bottom:1px solid #cf3f1d; display:block; text-decoration:none;}
	#nav-mobile li a:hover, #nav-mobile li a.active{background:#ffc600;color:#b32195}
	#nav-mobile li a span{display:none; float:right;}
	#nav-mobile li a.selected span{display:block;}
	#nav-mobile li ul{margin:0px; padding:0 0 0 10px;}
	#nav-mobile li li a{font-size:15px;}
	#nav-mobile .mobile-social{border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding-bottom:10px;}
	#nav-mobile .mobile_social_box{margin-left:20px; margin-top:10px; margin-bottom:10px;}
	#nav-mobile .f-nav ul li{border-bottom:1px solid rgba(255,255,255,0.2);}
	#nav-mobile .f-nav ul li a{width:96%; padding:10px 20px;}
	#nav-mobile .f-nav li ul{width:97%;}
	#nav-mobile .f-nav li ul li:last-child{border:none;}


}

@media screen and (max-width:899px){
	.catlandbx .catlandintrotext{width:auto; padding:0 20px; font-size:20px; line-height:28px;}
	.callandartlist ul li .btnylo{width:auto; display:block;}
	.btmupcrvbg{height:40px;}
	.countrydd{top:20px;}
	section.top{padding-top:0; background-size:cover; padding-bottom:70px; background-position:center bottom;}
	.top .banner{height:auto;}
	.banner li{height:auto;}
	.food{width:100%; top:0;}
	.food .food-box{float:none; margin:20px; width:auto; padding:20px;}
	header nav > ul{display:none;}
	.menuMobile{ display:block; color:#FFFFFF; padding:10 0 0 10px; font-size:1.0em; position:relative; z-index:99999; }
	#nav-trigger{display:block; position:absolute; left:10px; z-index:9999; margin-right:5px; cursor:pointer; margin-top:5px; padding:0; width:40px; height:40px; box-sizing:content-box; border-radius:50%; background:#012F49;}
	#nav-trigger img{width:100%;}
	.triggerOn{background:#bf151b;}
	#nav-mobile{width:100%;position:absolute; top:56px; right:0; background-color:#012F49; padding:0;}
	#nav-mobile ul {list-style-type: none;margin:0;padding:10px 0 0 0; text-align:left;}
	#nav-mobile li, #nav-mobile li a{color:#fff; font-size:16px; }
	#nav-mobile li a{padding:10px 5px 10px 30px; border-bottom:1px solid #fff; display:block; text-decoration:none;}
	#nav-mobile li a:hover, #nav-mobile li a.active{background:#ffc600;color:#b32195}
	#nav-mobile li a span{display:none; float:right;}
	#nav-mobile li a.selected span{display:block;}
	#nav-mobile li ul{margin:0px; padding:0 0 0 10px;}
	#nav-mobile li li a{font-size:15px;}
	#nav-mobile .mobile-social{border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding-bottom:10px;}
	#nav-mobile .mobile_social_box{margin-left:20px; margin-top:10px; margin-bottom:10px;}
	#nav-mobile .f-nav ul li{border-bottom:1px solid rgba(255,255,255,0.2);}
	#nav-mobile .f-nav ul li a{width:96%; padding:10px 20px;}
	#nav-mobile .f-nav li ul{width:97%;}
	#nav-mobile .f-nav li ul li:last-child{border:none;}
	.mobile_social_box .mobile_social{width:auto; text-align:left;}
	.mobile_social > a{font-size:26px; padding:0 17px 0 0;}
	.mobile_social .fa{color:#fff;}
	.mobile_social div {float: left; padding: 0 4px;}
	.mobile_social div.cu {padding-top: 8px; padding-bottom:10px; display:block; width:96%; color:#ffc000;}
	.mobile_social div.tw{padding-top:4px;}
	.submenu{display:none;}
	.f-nav ul li{width:100%; padding:0px; display:block; border-bottom:1px solid #e2e2e2;}
	#nav-mobile > .f-nav ul li{width:100%; padding-left:0;text-align:left;}
	.f-nav ul li a{width:80%; padding:0 10%; display:block;}
	.f-nav li ul{display:none; border-top:1px solid #e2e2e2;}
	.quicklinks, .followus{display:none;}
	.showsubnav .bg-grey, .showsubnav .ctnttp{margin-top:0px;}
	.ctnttp .bgimg{display:none;}
	.tpupcrvbgp{height:auto;}
	.ctnttp{background: #ad0491;}
	.ctnttp .breadcrumb{top:14px; left:20px; display:none;}
	.desk-parallax{display:none;}
	.mob-parallax{display:none;}
	.mob-parallax-home{display:block;}
	.product-details{width:auto; padding-top:0px;}
	.oceanfish-text{width:auto; padding:20px 0px 130px 0px;}
	.product-details .pro-det-contain{width:auto; padding:0 20px; text-align:center;}
	.pro-pack{display:inline-block;}
	.review{padding:0px;}
	.fb_iframe_widget iframe{position:relative !important;}
	.fb_iframe_widget iframe{width:auto !important;}
	/*.pdc-text{color:#fff;}*/
	.artlandtxt{padding:20px 20px 160px;}
	.artlandtxt h2{font-size:30px; line-height:36px;}
	.artlandtxt .btnylo{display:block;}
	.artlandtxt ul li h4{padding:0 0 20px;}
	.artlandtxt ul li .btnylo{width:auto;}
	.articlemain .left{width:auto; padding:0 20px; margin-bottom:120px;}
	.articlemain .left h2{font-size:30px; line-height:40px;}
	.articlemain .right{width:auto; min-height:500px !important; float:none;}
	.articlemain .right .bdrbtm{padding:0px;}
	.articlemain .left article .tpimg{width:100%;}
	.pp_content_container iframe{width:700px; height:400px;}
	.float-panel img{width:80px;}
	.tpthree{padding-top:30px;}
	.tpthree h1, .tpthree h2{font-size:36px; padding:0 20px;}
	.tpthree p, .prd p, .catscan p{font-size:20px; line-height:28px; width:auto; padding:0 20px;}
	.tpthree p{padding-bottom:20px;}
	.tpthree h2, .prd h2, .vdo h2{font-size:36px; padding:0 20px; line-height:40px;}
	.vdo{font-size:20px;}
	.vdo > p{width:auto; padding:10px 20px 20px;}
	.prd{padding-top:50px; padding-bottom:30px;}
	.ctnttp h1, .ctnttp h2{top:0px; left:0; font-size:36px; padding:10px 20px 5px; position:relative; text-align:center; width:auto;}
	.ctnttp h3{font-size:20px; left:0px; top:0px; width:auto; padding:0 20px 20px; position:relative; text-align:center;}
	.ctnttp .tpupcrvbg3{background-size:200% 100%;}
	.ctnttp .img{padding-top:0px;}
	.catscan{padding-top:30px;}
	.catscan h2{font-size:36px; line-height:40px;}
	.catscan .two{float:none; width:auto; margin:25px 20px; padding:20px 20px  30px 20px;}
	.prd ul li{padding:0 20px; width:auto;}
	.recommends > p{font-size:20px; padding:30px 20px 0 20px;}
	.food-box .btnylo{width:auto; display:block;}
	.food-box .f-pad{padding-bottom:50px;}
	.product-list h2{padding-top:5px; line-height:40px;}
	.product-list h3{margin-top:50px;}
	.product-list .product-list-box{padding:0 0 30px 0;}
	.product-list .list-box{width:auto; float:none; margin:20px; padding:20px; height:auto;}
	.list-box .buy{display:block;}
	.list-box .more{display:block; margin-top:10px;}
	.product-list{padding-bottom:20px;}
	.whiskasrange{padding:40px 20px 30px;}
	.whiskasrange h2{font-size:30px; line-height:36px}
	.whiskasrange h3{font-size:20px;}
	.btmthree .wrapper > div{padding:0 20px; width:auto;}
	.pdc-title{font-size:30px; line-height:36px; padding:20px 0;}
	.pdc-text{padding:0px;}
	.pro-det-img > img{width:50%;}
	.flbuy{float:none;}
	.pro-pack{display:block; text-align:center;}
	.pro-pack .fl{float:none;}
	.pro-pack .packttl{display:inline-block; margin-top:-4px; padding-top:0px; vertical-align:middle;}
	.pro-pack .packsel{display:inline-block; padding:0 5px; vertical-align:middle;}
	.ocean-fish ul li{padding:0px; height:auto;}
	.product-list{width:auto; padding:0 20px;}
	#sectionAdult.guidelines .guidelinesbox{padding:20px 20px 120px 20px;}
	.feeding ul{padding-right:0px;}
	#lblDescription3{font-size:20px;}
	.oceanfish-box{padding-left:20px; padding-right:20px;}
	.ocean-fish ul li h3{height:auto; padding-bottom:20px;}
	.ocean-fish ul li p{padding:0 30px;}
	.pro-choice ul{margin-top:20px;}
	.list-box .pro-title{padding:10px 0px 0px; min-height:auto;}
	.list-box .pro-detail{padding:10px 0px 20px;}
	.btmdwncrvbg{height:40px;}
	.callandartlist{padding-top:70px;}
	.ctnttp .tpupcrvbg2{background-size:cover; height:30px;}
	.videos h1, .videos h2{font-size:30px; line-height:40px;}
}