/*
Theme Name: Fun Treats (Responsive Theme)
Theme URI: http://www.2soph.com
Description: Design and Coded by: Renan Guillermo  - 2soph Creative Solution
Author: Renan Guillermo
Version: 1.0
*/

/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
	
	
	
/* #Base 960 Grid
================================================== */
	
    .container                                  { width:1170px; margin:0 auto; padding:0; /*border:1px solid #00FF00;*/ }
	#ftr-hldr .cpyrt br							{ display: none; }
	.bnr .ls-wp-fullwidth-container, .bnr .ls-wp-fullwidth-helper, .bnr .ls-inner, .bnr .ls-container	{ height:677px!important; }
	.gallery .gllr_image_block img 				{ width:250px!important; height:208px!important; border:none!important; }
	.abtus .gllr_image_block img 				{ width:178px!important; height:148px!important; border:none!important; }
	.cntct-hldr .wpcf7-form-control wpcf7-date wpcf7-validates-as-required ctxt3 hasDatepicker	{ top:726px!important; }
        

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */
	
    @media only screen and (min-width: 768px) and (max-width:1169px) {
        .container                                  { width: 768px; /*border:1px solid #FF00FF;*/ }
		.logo										{ width:225px!important; height:62px!important; margin:29px 0 0 10px/*25px 0 0 10px*/!important; }
		.logo a										{ width:225px!important; height:62px!important; }
		#menu-hldr									{ font-size:12px!important; }
		#menu-hldr ul li a							{ padding:3px 4px!important; }
		.phn										{ padding:14px 26px 14px 26px!important; }
		.ln2										{ height:122px/*104px*/!important; }

		/*Banner*/
		.bnr										{ height:432px!important; }
		.bnr .ls-wp-fullwidth-container, .bnr .ls-wp-fullwidth-helper, .bnr .ls-inner, .bnr .ls-container { width:100%!important; height:432px!important; }
		.prc										{ width:110px!important; height:146px!important; top:92px!important; left:35px!important; }
		.brcy										{ width:250px!important; height:84px!important; top:257px!important; left:480px!important; }
		.hkg										{ width:290px!important; height:81px!important; top:260px!important; left:460px!important; }
		.bknw, .bknw img							{ width:120px!important; height:32px!important; top:351px!important; left:610px!important; }
		.mrif, .mrif img							{ width:120px!important; height:34px!important; top:350px!important; left:478px!important; }
		.prc2										{ top:92px!important; left:650px!important; }
		.mrif2, .mrif2 img							{ top:366px!important; left:18px!important; }
		.bknw2, .bknw2 img							{ top:368px!important; left:125px!important; }
		.mrif3, .mrif3 img							{ top:366px!important; left:18px!important; }
		.bknw3, .bknw3 img							{ top:368px!important; left:121px!important; }
		
		/*Search Form*/
		.srch										{ width:770px!important; left:-1px!important; }
		.srch-1										{ width:192px!important; }
		.txtfld select								{ width:331px!important; }
		
		/*MID*/

		.cnt-lft									{ width:470px!important; margin-left:10px!important; }
		.box										{ width:160px!important; height:139px!important; }
		.icon1, .icon2, .icon3, .icon4				{ margin-top:30px!important; }
		
		/*Latest News*/
		.sub										{ padding:9px 0 0 5px!important; }
		.nws-post .pic								{ width:170px!important; }
		.nws-post .cnt								{ width:260px!important; min-height:184px!important; }
		
		/*Subpages*/
		.dftpg										{ margin-left:15px!important; }
		.dftpg .cntnt								{ width:414px!important; }
		.dftpg2 .cntnt								{ width:403px!important; padding:10px!important; }
		.dftpg2 .cntnt .ttl							{ font-size:20px!important; line-height:24px!important; }
		.dftpg .cntnt p, .dftpg2 .cntnt p			{ line-height:22px!important; }
		.sdbr2										{ margin-right:15px!important; }
		
		/*Contact*/
		.cntct-hldr .ctxt							{ width:399px!important; }
		.cntct-hldr .ctxt3							{ width:126px!important; }
		.cntct-hldr .ctxt4							{ width:126px!important; margin-left:1px!important; }
		.cntct-hldr .ctxt5							{ width:399px!important; }
		.cntct-hldr .ctxt6							{ width:114px!important; margin-left:0!important; }
		.cntct-hldr span.wpcf7-form-control-wrap.dto span.wpcf7-not-valid-tip	{ right:39px!important; }
		.cntct-hldr span.wpcf7-form-control-wrap.pax span.wpcf7-not-valid-tip	{ right:22px!important; }
		
		/*Blog*/
		.blog .pichldr								{ height:284px!important; }
		
		/*Packages*/
		.pckg .cntnt								{ width:414px!important; }
		.pckg .ttl									{ font-size:24px!important; line-height:24px!important; padding:10px 0 6px 0!important; margin-bottom:20px!important; margin-top:20px!important; }
		.pckg .picttl								{ bottom:15px!important; font-size:20px!important; }
		.pckg li									{ width:192px!important; height:142px!important; margin:0 0 10px 10px!important; }
		.dtntn .cntnt								{ width:423px!important; }
		.brcy-post .pic								{ width:100%!important; height:316px!important; }
		.brcy-post .cnt								{ width:220px!important; padding:20px 20px 20px 20px!important; border-bottom:4px solid #FFFFFF; }
		.brcy-post .rdmr							{ margin:10px 0 0 17px!important; }
		.brcy-post .prc1							{ width:162px!important; margin-top:40px!important; }
		.brcy-post .bgprc							{ width:158px!important; min-height:146px!important; padding:20px 0 40px 0!important; }
		
		/*Packages Form*/
		.cntct-hldr2 .ctxt, .cntct-hldr2 .ctxt7		{ width:400px!important; }
		.cntct-hldr2 .ctxt3, .cntct-hldr2 .ctxt4, .cntct-hldr2 .ctxt5, .cntct-hldr2 .ctxt6		{ width:184px!important; }
		.cntct-hldr2 span.wpcf7-form-control-wrap.child span.wpcf7-not-valid-tip				{ right:92px!important; }
		.cntct-hldr2 span.wpcf7-form-control-wrap.dto span.wpcf7-not-valid-tip					{ right:97px!important; }
		
		/*Gallery*/
		.gallery .gallery_box_single .gallery.clearfix		{ width:696px!important; }
		.gallery .gllr_image_block					{ width:210px!important; height:174px!important; margin:10px 10px 15px 10px!important; }
		.gallery .gllr_image_block img				{ width:210px!important; height:174px!important; }
		.abtus .gallery_box_single .gallery.clearfix		{ width:412px!important; }
		.abtus .gllr_image_block					{ width:194px!important; height:161px!important; margin:5px!important; }
		.abtus .gllr_image_block img				{ width:194px!important; height:161px!important; }
		
    }
/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */
	
    @media only screen and (max-width: 767px) {
        .container									{ width:300px; /*border:1px solid #0000FF;*/ }
		.logo										{ width:250px!important; height:69px!important; margin:20px 0 0 24px!important; }
		.logo a										{ width:250px!important; height:69px!important; }
		.rgt										{ display:none!important; }
		
		/*Banner*/
		.bnr .ls-container, .bnr .ls-layer, .bnr .ls-inner			{ height:180px!important; }
		.ls-container img							{ background-size:contain!important; }
		.bnr										{ height:330px!important; background:#008cf0!important; }
		.prc										{ width:68px!important; height:90px!important; top:0px!important; left:10px!important; }
		.prc2										{ width:68px!important; height:90px!important; top:0px!important; left:222px!important; }
		.brcy 										{ left:147px!important; top:100px!important;  width:140px!important; height:47px!important; }
		.hkg										{ width:150px!important; height:42px!important; top:103px!important; left:142px!important; }
		.mrif, .mrif img							{ width:66px!important; height:20px!important; top:149px!important; left:146px!important; }
		.bknw, .bknw img							{ width:66px!important; height:18px!important; top:150px!important; left:221px!important; }
		.brcy2 										{ left:10px!important; top:100px!important;  width:230px!important; height:44px!important; }
		.mrif2, .mrif2 img							{ width:66px!important; height:20px!important; top:148px!important; left:10px!important; }
		.bknw2, .bknw2 img							{ width:66px!important; height:18px!important; top:148px!important; left:80px!important; }
		.bhl 										{ left:10px!important; top:100px!important;  width:140px!important; height:47px!important; }
		.mrif3, .mrif3 img							{ width:66px!important; height:20px!important; top:151px!important; left:11px!important; }
		.bknw3, .bknw3 img							{ width:66px!important; height:18px!important; top:152px!important; left:82px!important; }
		.sgpr 										{ width:150px!important; height:42px!important; top:103px!important; left:10px!important; }
		.mrif4, .mrif4 img							{ width:66px!important; height:20px!important; top:149px!important; left:16px!important; }
		.bknw4, .bknw4 img							{ width:66px!important; height:18px!important; top:150px!important; left:87px!important; }
		
		/*Search Form*/
		.srch										{ width:270px!important; height:150px!important; top:202px!important; left:15px!important; }
		.frm										{ display:none!important; }
		.srch-1										{ width:270px!important; height:40px!important; background:none!important; border-bottom:1px solid #FFFFFF!important; }
		.srch-1 .txt								{ font-family:'LatoBlack'!important; text-transform:uppercase!important; float:left; padding:14px 0 0 50px!important; }
		.srch-1 .txt2								{ font-size:14px!important; line-height:12px!important; float:left; padding:15px 0 0 5px!important; }
		.txtfld select								{ width:250px!important; font:12px 'LatoRegular'!important; margin:15px 0 0 10px!important; }
		.srch .txtfld input[type=submit]			{ margin:10px 0 0 86px!important; }
		
		/*MID*/
		#mid-hldr									{ padding:0 0 20px 0!important; }
		#mid-hldr2									{ padding-top:20px!important; }

		.mscplyr									{ height:20px!important; }

		.cnt-lft									{ width:290px!important; margin-bottom:30px!important; padding:0 5px 0 5px; }
		
		/*Latest News*/
		.ftrdnm										{ width:auto!important; float:none!important; padding:0!important; font-size:30px!important; text-align:center!important; }
		.ftrdnws									{ margin-top:10px!important; }
		.hdln										{ border:none!important; padding-bottom:0!important; margin-bottom:0!important; }
		.pnk										{ width:auto!important; float:none!important; padding:0!important; font-size:30px!important; text-align:center!important; }
		.dvdr										{ display:none!important; }
		.sub										{ padding:0!important; float:none!important; text-align:center!important; }
		.nws-post									{ margin-top:20px!important; }
		.nws-post .pic								{ width:278px!important; margin:0 10px 0 10px!important; }
		.nws-post .cnt								{ width:auto!important; padding:10px!important; }
		.nws-post .txt p							{ line-height:18px!important; }
		.nws-post .ttl								{ line-height:20px!important; }
		
		/*Sidebar*/
		.sdbr2										{ margin-right:15px!important; }
		.sdbr										{ margin-right:15px!important; margin-bottom:10px!important; margin-top:10px!important; }
		.wdgt-hldr .ttle							{ line-height:18px!important; padding:15px 0 20px 10px!important; }
		
		/*Subpages*/
		.bnr2										{ min-height:120px!important; }
		.page-title									{ padding:52px 0 42px 0!important; }
		.page-title h1								{ font-size:28px!important; line-height:28px!important; }
		.dftpg										{ min-height:780px!important; margin-left:10px!important; }
		.dftpg2										{ min-height:780px!important; margin-left:9px!important;  padding:0!important;  }
		.dftpg .cntnt, .dftpg2 .cntnt				{ width:260px!important; padding:10px 10px 20px 10px!important; }
		.dftpg .cntnt p, .dftpg2 .cntnt p			{ font-size:14px!important; line-height:18px!important; }
		.dftpg .cntnt ul li							{ font-size:14px!important; line-height:18px!important; }
		.dftpg .cntnt .ttl, .dftpg2 .cntnt .ttl		{ font-size:18px!important; line-height:20px!important; }
		.dftpg .cntnt h3							{ font-size:26px!important; line-height:30px!important; }
		
		/*Contact*/
		.cntct-hldr									{ margin-top:20px!important; }
		.cntct-hldr .ctxt, .cntct-hldr .ctxt3, .cntct-hldr .ctxt5		{ width:247px!important; }
		.cntct-hldr .ctxt4							{ width:246px!important; margin-left:0!important; margin-top:20px!important; }
		.cntct-hldr .ctxt6							{ width:246px!important; margin-left:0!important; margin-top:20px!important; }
		.cntct-hldr span.wpcf7-not-valid-tip		{ width:92px!important; }
		.cntct-hldr span.wpcf7-form-control-wrap.dfrom span.wpcf7-not-valid-tip	{ top:48px!important; }
		.cntct-hldr span.wpcf7-form-control-wrap.dto span.wpcf7-not-valid-tip	{ top:48px!important; right:166px!important; }
		.cntct-hldr span.wpcf7-form-control-wrap.pax span.wpcf7-not-valid-tip	{ right:166px!important; top:48px!important; }
		.cntct-hldr span.wpcf7-form-control-wrap.phone span.wpcf7-not-valid-tip { width:214px!important; }		
		
		/*Blog*/
		.blog .pichldr								{ height:192px!important; }
		.blog .ttl									{ font-size:18px!important; line-height:20px!important; }
		.blog .cnt									{ padding:10px!important; }
		
		/*Packages*/
		.pckg										{ min-height:780px!important; margin-left:10px!important; }
		.pckg .cntnt								{ width:260px!important; padding:10px 10px 20px 10px!important; }
		.pckg .ttl									{ font-size:16px!important; line-height:18px!important; padding:8px 0 6px 0!important; margin-top:10px!important; margin-bottom:20px!important; }
		.pckg li									{ width:240px!important; height:178px!important; margin:0 0 10px 10px!important; }
		.pckg .picttl								{ bottom:15px!important; font-size:18px!important; }
		
		/*Packages Form*/
		.cntct-hldr2 .ctxt, .cntct-hldr2 .ctxt3, .cntct-hldr2 .ctxt5, .cntct-hldr2 .ctxt7	{ width:246px!important; }
		.cntct-hldr2 .ctxt4, .cntct-hldr2 .ctxt6	{ width:246px!important; margin-left:0!important; }
		.cntct-hldr2 span.wpcf7-not-valid-tip		{ width:92px!important; }
		.cntct-hldr2 span.wpcf7-form-control-wrap.child span.wpcf7-not-valid-tip 	{ right:166px!important; }
		.cntct-hldr2 span.wpcf7-form-control-wrap.dto span.wpcf7-not-valid-tip		{ right:166px!important; }
		.cntct-hldr2 span.wpcf7-form-control-wrap.adult span.wpcf7-not-valid-tip	{ right:176px!important; }
		.cntct-hldr2 span.wpcf7-form-control-wrap.phone span.wpcf7-not-valid-tip	{ width:211px!important; }
		
		/*Destination*/
		.dtntn										{ min-height:780px!important; margin-left:10px!important; }
		.dtntn .cntnt								{ width:280px!important; padding:0!important; }
		.brcy-post .pic								{ width:100%!important; height:210px!important; }
		.brcy-post .cnt								{ width:260px!important; min-height:100px!important; padding:10px!important; border-right:none!important; border-bottom:1px dashed #ffbd08!important; }
		.brcy-post .rdmr							{ float:right!important; margin:10px 75px 15px 0!important; }
		.brcy-post .prc1							{ width:278px!important; margin-top:20px!important; }
		.brcy-post .bgprc							{ width:100%!important; min-height:10px!important; padding:0!important; border-right:none!important; border-bottom:4px solid #feba00; border-left:none!important; }
		
		.brdcrm										{ ; }
		.brdcrm .lnk								{ min-width:10px!important; padding:12px 20px 12px 20px!important; margin:0!important; }
		
		/*Gallery*/
		.dftpg .cntnt2								{ padding:15px!important; }
		.gallery_box_single .gallery.clearfix		{ width:250px!important; }
		.gallery .gllr_image_block					{ width:228px!important; height:189px!important; margin:10px 10px 10px 10px!important; }
		.abtus .gllr_image_block					{ width:228px!important; height:189px!important; margin:5px 10px 5px 10px!important; }
		.gallery .gllr_image_block img, .abtus .gllr_image_block img 	{ width:228px!important; height:189px!important; }
		

		/*FOOTER*/
		#ftr-hldr .cpyrt							{ margin-left:48px!important; text-align:center; margin-bottom:10px; }
		#ftr-hldr .cpyrt br							{ display:block!important; }
		#ftr-hldr .soph								{ margin-right:36px!important; }
	}

/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */
	
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container 									{ width:420px; /*border:1px solid #FF0000;*/ }
		.logo										{ width:280px!important; height:82px!important; margin:13px 0 0 69px!important; }
		.logo a										{ width:280px!important; height:82px!important; }
		
		/*Banner*/
		.bnr .ls-container, .bnr .ls-layer, .bnr .ls-inner			{ height:260px!important; }
		.bnr										{ height:410px!important; }
		.prc2										{ left:342px!important; }
		.brcy 										{ left:270px!important; top:164px!important; }
		.hkg										{ top:169px!important; left:265px!important; }
		.mrif										{ top:216px!important; left:269px!important; }
		.bknw 										{ top:217px!important; left:344px!important; }
		.brcy2 										{ top:164px!important; }
		.mrif2, .mrif2 img							{ top:215px!important; left:10px!important; }
		.bknw2, .bknw2 img							{ top:216px!important; left:84px!important; }
		.bhl 										{ left:10px!important; top:164px!important;  width:140px!important; height:47px!important; }
		.mrif3, .mrif3 img							{ top:215px!important; left:9px!important; }
		.bknw3, .bknw3 img							{ top:216px!important; left:84px!important; }
		.sgpr 										{ top:169px!important; left:10px!important; }
		.mrif4, .mrif4 img							{ top:215px!important; left:16px!important; }
		.bknw4, .bknw4 img							{ top:216px!important; left:87px!important; }
		
		/*Search Form*/
		.srch										{ width:390px!important; top:276px!important; }
		.srch-1										{ width:390px!important; }
		.srch-1 .txt								{ padding:14px 0 0 110px!important; }
		.txtfld select								{ width:370px!important; }
		.srch .txtfld input[type=submit]			{ margin:10px 0 0 146px!important; }
		
		/*Featured*/
		.cnt-lft									{ width:410px!important; }
		.ftrd										{ min-height:160px!important; padding:10px 0 20px 0; }
		.box										{ width:180px!important; height:130px!important; }
		.nws-post .pic								{ width:390px!important; }
		.nws-post .cnt								{ border-top:none!important; }
		.icon1, .icon2, .icon3, .icon4				{ margin-top:28px!important; }
		
		/*Sidebar*/
		.sdbr										{ margin-right:75px!important; margin-bottom:20px!important; }
		.sdbr2										{ margin-right:75px!important; }
		
		/*Subpages*/
		.dftpg										{ min-height:673px!important; margin-left:10px!important; }
		.dftpg2										{ min-height:673px!important; margin-left:10px!important; padding:0!important; }
		.dftpg .cntnt								{ width:360px!important; padding:20px!important; }
		.dftpg2 .cntnt								{ width:400px!important; padding:0!important; }
		
		/*Contact*/
		.cntct-hldr .ctxt, .cntct-hldr .ctxt5		{ width:347px!important; }
		.cntct-hldr .ctxt3							{ width:107px!important; }
		.cntct-hldr .ctxt4							{ width:107px!important; margin-left:0!important; margin-top:0!important; }
		.cntct-hldr .ctxt6							{ width:101px!important; margin-left:0!important; margin-top:0!important; }
		.cntct-hldr .ctxt3 .ui-widget-content		{ width:198px!important; top:650px!important; left:25px!important; }
		.cntct-hldr span.wpcf7-form-control-wrap.dto span.wpcf7-not-valid-tip	{ right:31px!important; }
		.cntct-hldr span.wpcf7-form-control-wrap.pax span.wpcf7-not-valid-tip	{ right:21px!important; }
		
		/*Blog*/
		.blog .pichldr								{ height:266px!important; }
		
		/*Packages*/
		.pckg										{ min-height:684px!important; margin-left:10px!important; }
		.pckg .cntnt								{ width:380px!important; padding:10px!important; }
		.pckg .ttl									{ font-size:20px!important; line-height:20px!important; padding:9px 0 6px 0!important; margin-top:10px!important; margin-bottom:20px!important; }
		.pckg li									{ width:175px!important; height:131px!important; margin:0 0 10px 10px!important; }
		.pckg .picttl								{ bottom:15px!important; font-size:18px!important; }
		

		/*Packages Form*/
		.cntct-hldr2 .ctxt, .cntct-hldr2 .ctxt7		{ width:346px!important; }
		.cntct-hldr2 .ctxt3, .cntct-hldr2 .ctxt5	{ width:162px!important; margin-right:5px!important; }
		.cntct-hldr2 .ctxt4							{ width:162px!important; margin-left:5px!important; }
		.cntct-hldr2 .ctxt6							{ width:162px!important; margin-left:1px!important; }
		.cntct-hldr2 .ctxt3 .ui-widget-content		{ width:198px!important; top:650px!important; left:25px!important; }
		.cntct-hldr2 span.wpcf7-form-control-wrap.child span.wpcf7-not-valid-tip 	{ right:82px!important; }
		.cntct-hldr2 span.wpcf7-form-control-wrap.dto span.wpcf7-not-valid-tip		{ right:86px!important; }
		.cntct-hldr2 span.wpcf7-form-control-wrap.adult span.wpcf7-not-valid-tip	{ right:87px!important; }

		/*Destination*/
		.dtntn .cntnt								{ width:400px!important; }
		.brcy-post .pic								{ width:100%!important; height:300px!important; }
		.brcy-post .cnt								{ width:190px!important; padding:20px!important; border-bottom:none!important; border-right:1px solid #e7e7e7!important; }
		.brcy-post .prc1							{ width:100%!important; margin-top:25px!important; }
		.brcy-post .rdmr							{ margin:10px 136px 15px 0!important; }
		.brcy-post .cnt								{ width:90%!important; border-bottom:1px dashed #ffbd08!important; }
		
		/*Gallery*/
		.dftpg .cntnt2								{ width:400px!important; padding:10px 0 10px 0 !important; }
		.gallery_box_single .gallery.clearfix		{ width:360px!important; }
		.gallery .gllr_image_block, abtus .gllr_image_block					{ width:168px!important; height:140px!important; margin:5px!important; }
		.gallery .gllr_image_block img, .abtus .gllr_image_block img		{ width:168px!important; height:140px!important; }
		
		/*FOOTER*/
		#ftr-hldr .cpyrt							{ margin-left:70px!important; }
		#ftr-hldr .cpyrt br							{ display:none!important; }
		#ftr-hldr .soph								{ margin-right:98px!important; }
      }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }