/*

********* Hello Elephant Studio 2013. *********

*/


/* #960 Grid
================================================== */


    /* Note: Design for a width of 960px */

    @media only screen and (min-width: 1024px) and (max-width: 1280px) {
    
    	.body-warp {
    		
    		width: 100% !important;
    		
    	}
    
/******************** Posts *******************/
		.entry-icon {
		
			line-height: 140px !important;
			
		}
		
		.recently-posts .sideslider-title {
			
			top: 247px;
			
		}
		
		.recently-posts .entry-icon {
			
			line-height: 220px !important;
			
		}
		
		.recently-posts .flex-direction-nav a {
			
			top: 241px !important;
			
		}
		
/******************** Shortcodes *******************/
		
		/* Video background */
		#video_background-warp video {
		
			width: 		180% !important;
			left: 		-50%;
			
		}
    
	}


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

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 800px) and (max-width: 1023px) {
    
    	.body-warp {
    		
    		width: 100% !important;
    		
    	}
    	
    	.gtRed_homeslider,
    	.gtRed_pagetitle,
    	.gtRed_posttop {
    	
    		padding-top: 75px;
    	
    	}
    	
    	.header-warp * {
    		
    		-webkit-transition: all 0 !important;
    		-moz-transition: all 0 !important;
    		-ms-transition: all 0 !important;
    		-o-transition: all 0 !important;
    		transition: all 0 !important;
    		
    	}
    	
    	.header-warp {
    		
    		padding: 14px 0;
    		z-index: 499;
    		
    	}
    	
    	.notice-warp .gtRed_notice,
    	.nav-warp,
    	.menu-warp:before {
    		
    		visibility: hidden;
    		
    	}
    	
    	.menu-warp {
    		
    		height: 47px;
    		
    	}
    	
    	.logo-warp,
    	.logo-warp .gtRed_logo {
    		
    		height: 41px;
    		
    	}
    	
    	.logo-warp .gtRed_logo #gtRed_logo {
    		
    		max-height: 32px;
    		
    	}
		

    	
    	.notice-warp .gtRed_buttons .fa-bars {
    		
    		position: relative;
    		visibility: visible;
    		
    	}
    	
    	.notice-warp .gtRed_buttons .social-icons {
    		
    		width:         0;
    		height:        0;
    		visibility:    hidden;
    		overflow:      hidden;
    		opacity:       0;
    		
    	}
    	
    	.gtRed_pagetitle {
    		
    		padding-bottom: 36px;
    		
    	}
           
/******************** Posts *******************/ 
    	.entry-icon {
    	
    		line-height: 108px !important;
    		
    	}
    	
    	.recently-posts .sideslider-title {
    		
    		top: 199px;
    		
    	}
    	
    	.recently-posts .entry-icon {
    		
    		line-height: 172px !important;
    		
    	}
    	
    	.recently-posts .flex-direction-nav a {
    		
    		top: 193px !important;
    		
    	}
    	
/******************** Shortcodes *******************/
		
		/* Video background */
		#video_background-warp video {
		
			width: 		180% !important;
			left: 		-50%;
			
		}
		
		.tt-container.tt-top,
		.tt-container.tt-top:before {
			
			border-bottom: 	0;
			
		}
		
		.tt-container.tt-top label {
			
			float: none;
			
		}
		
		.tt-container.tt-top label:after,
		.tt-container.tt-top input:checked + label:after,
		.tt-container.tt-left label:after,
		.tt-container.tt-left input:checked + label:after {
		
			content: '\e11c';
			width: 30px;
			height: 30px;
			right: 0;
			color: #555;
			position: absolute;
			font-size: 20px;
			font-family: 'Metrize-Icons';
		
		}
		
		.tt-container.tt-top input:checked + label:after,
		.tt-container.tt-left input:checked + label:after {
		
			content: '\e0fe';
			color: #fff;
			font-size: 20px;
			padding-left: 0;
		
		}
		
		.tt-container.tt-top article,
		.tt-container.tt-left article {
			
			top: inherit;
			position: relative;
			
		}
		
		.tt-container.tt-top input:checked ~ article,
		.tt-container.tt-left input:checked ~ article {
			
			border-bottom: 	1px solid #383838;
			height: inherit !important;
		
		}
		
		.tt-container.tt-top,
		.tt-container.tt-left {
			
			height: inherit !important;
			
		}
		
		.tt-container.tt-left {
			
			border-bottom: none !important;
			
		}
		
		.tt-container.tt-left article {
			
			padding-left: 0 !important;
			
		}
		
		.tt-container.tt-left label {
			
			width: inherit !important;
			
		}
        
    }


/*  #Mobile (Portrait)
================================================== */

    @media screen and (max-width: 799px) {
    
    	.body-warp {
    		
    		width: 100% !important;
    		
    	}
    
    
/******************** Header *******************/
    
    	h1,
    	h1 a:active,
    	h1 a:visited,
    	h1 a:hover,
    	h1 a:link {

    		font-size: 30px;

    	}
    	
    	h2,
    	h2 a:active,
    	h2 a:visited,
    	h2 a:hover,
    	h2 a:link {

    		font-size: 26px;

    	}
    	
    	h3,
    	h3 a:active,
    	h3 a:visited,
    	h3 a:hover,
    	h3 a:link {

    		font-size: 20px;

    	}
    	
    	h4,
    	h4 a:active,
    	h4 a:visited,
    	h4 a:hover,
    	h4 a:link {

    		font-size: 16px;

    	}
    	
    	.bigtitle {
    		
    		font-size: 42px;
    		line-height: 42px;
    		letter-spacing: 0;
    		
    	}
		
		.homeslider,
		.gtRed_pagetitle,
		.gtRed_posttop {
		
			padding-top: 75px;
		
		}
		
    	.header-warp {
    		
    		padding: 14px 0;
    		z-index: 499;
    		
    	}
    	
    	.notice-warp .gtRed_notice,
    	.nav-warp,
    	.menu-warp:before {
    		
    		visibility: hidden;
    		
    	}
    	
    	.menu-warp {
    		
    		height: 47px;
    		
    	}
    	
    	.logo-warp,
    	.logo-warp .gtRed_logo {
    		
    		height: 41px;
    		
    	}
    	
    	.logo-warp .gtRed_logo #gtRed_logo {
    		
    		max-height: 32px;
    		
    	}
    	
    	.notice-warp .gtRed_buttons .fa-bars {
    		
    		position: relative;
    		visibility: visible;
    		
    	}
    	
    	.notice-warp .gtRed_buttons .social-icons {
    		
    		width:         0;
    		height:        0;
    		visibility:    hidden;
    		overflow:      hidden;
    		opacity:       0;
    		
    	}
    	
    	.gtRed_pagetitle {
    		
    		padding-bottom: 36px;
    		
    	}
    	
    	.error-message {
    		
    		margin-top: 50px !important;
    		
    	}
    	
    	
/******************** Home *******************/    	
    	.rev_slider_wrapper .tp-leftarrow.default, 
    	.rev_slider_wrapper .tp-leftarrow,
    	.rev_slider_wrapper .tp-rightarrow.default, 
    	.rev_slider_wrapper .tp-rightarrow,
    	.rev_slider_wrapper::after {
    		
    		width:         0 !important;
    		height:        0 !important;
    		visibility:    hidden !important;
    		overflow:      hidden !important;
    		opacity:       0 !important;
    		margin:        0 !important;
    		padding:       0 !important;
    		
    	}
    	
    	.rev_slider_wrapper .tp-bullets .bullet.selected {
    		
    		background-color: #fff !important;
    		
    	}
    	
    	.rev_slider_wrapper .button-1 span {
    		
    		font-size: 12px !important;
    		padding: 0 7px !important;
    		
    	}
    	
    	.rev_slider_wrapper .button-1 a span:before {
    		
    		font-size: 12px !important;
    		padding: 0 !important;
    		line-height: 24px !important;
    		
    	}
    	
    	
/******************** Posts *******************/
		.nullwidth {
	
	    	width:         0 !important;
	    	height:        0 !important;
	    	visibility:    hidden !important;
	    	overflow:      hidden !important;
	    	opacity:       0 !important;
	    	margin:        0 !important;
	    	padding:       0 !important;
	
	    }

		table thead, 
		table th, 
		table tr, 
		table td {
			
			display: block;
			
		}
		
		.entry-thumb {
			
			margin-left: 0;
			margin-right: 0;
			margin-top: 50px !important;
			
		}
		
		.entry-text {
			
			padding-left: 0;
			margin-left: 0;
			margin-right: 0;
			margin-top: 50px !important;
			
		}
		
		.widget .entry-text {
			
			padding-left: 0;
			margin-top: 300px !important;
			
		}
		
		.widget .entry-thumb {
		
			left: 50%;
			position: absolute;
			margin-top: 0 !important;
			margin-left: -110px !important;
		
		}
		
		.widget .pick-title {
			
			text-align: center;
			padding: 20px 0 0 90px;
			
		}
		
		.post-item.masonry .entry-text {
			
			margin-top: 0 !important;
			
		}
		
		.post-mid-hr {
			
			margin-top: 50px;
			
		}
		
    	.entry-icon {
    	
    		line-height: 140px !important;
    		
    	}
    	
    	.recently-posts .sideslider-title {
    		
    		top: 247px;
    		
    	}
    	
    	.recently-posts .entry-icon {
    		
    		line-height: 220px !important;
    		
    	}
    	
    	.recently-posts .entry-thumb-warp {
    		
    		padding-left: 0;
    		margin-left: 0;
    		
    	}
    	
    	.recently-posts .flex-direction-nav a {
    		
    		top: 241px !important;
    		
    	}
    	
    	#pickcontents {
    		
    		padding: 0;
    		margin: 0;
    		width: 100%;
    		
    	}
    	
    	#pickcontents .entry-text {
    		
    		padding-top: 100px;
    		padding-left: 0;
    		
    	}
    	
    	#pickcontents .entry-thumb {
    		
    		visibility: hidden;
    		height: 0;
    		position: absolute;
    		
    	}
    	
    	.portfolio-item.gallery {
    		
    		width: 100% !important;
    		
    	}
    	
/******************** Shortcodes *******************/
		
		/* Video background */
		#video_background-warp {
		
        	width: 180% !important;
        	left:  -40%;
        	top:   0;

        }
		
		#video_background-warp video {
		
			width: 	180% !important;
			top: 	0;
			left: 	-50%;
			
		}
		
		#video_background-warp #player {
		
			width: 	180% !important;
			height: 200%;
			top: 	-50%;
			left: 	-50%;
			
		}
    	
    	.promobox2 .button-1 {
    		
    		position: relative;
    		right: inherit;
    		top: inherit;
    		margin-top: 30px;
    		
    	}
    	
    	.promobox1 .p-title {
    		
    		font-size: 36px;
    		line-height: 36px;
    		
    	}
    	
    	.modalbox-warp .modalbox {
    		
    		width: 90% !important;
    		max-width: 90% !important;
    		max-height: 90% !important;
    		overflow: auto;
    		
    	}
    	
    	.modalbox-warp .modalbox .m-title {
    		
    		overflow: auto;
    		
    	}
    	
    	.modalbox-warp .modalbox .m-title h4 {
    		
    		margin: 0;
    		
    	}
    	
    	.modalbox-warp .modalbox .m-content {
    		
    		padding: 30px;
    		
    	}
    	
    	.pricingtable .p-col {
    		
    		width: 100% !important;
    		margin-top: -3px;
    		border-top: 3px solid #fff;
    		
    	}
    	
    	.pricingtable.p-boxed .p-col {
    		
    		border-top: none !important;
    		
    	}
    	
    	.lastestpost {
    		
    		width: 100%;
    		display: block;
    		
    	}
    	
    	.tt-container.tt-top,
    	.tt-container.tt-top:before {
    		
    		border-bottom: 	0;
    		
    	}
    	
    	.tt-container.tt-top label {
    		
    		float: none;
    		
    	}
    	
    	.tt-container.tt-top label:after,
    	.tt-container.tt-top input:checked + label:after,
    	.tt-container.tt-left label:after,
    	.tt-container.tt-left input:checked + label:after {
    	
    		content: '\e11c';
    		width: 30px;
    		height: 30px;
    		right: 0;
    		color: #555;
    		position: absolute;
    		font-size: 20px;
    		font-family: 'Metrize-Icons';
    	
    	}
    	
    	.tt-container.tt-top input:checked + label:after,
    	.tt-container.tt-left input:checked + label:after {
    	
    		content: '\e0fe';
    		color: #fff;
    		font-size: 20px;
    		padding-left: 0;
    	
    	}
    	
    	.tt-container.tt-top article,
    	.tt-container.tt-left article {
    		
    		top: inherit;
    		position: relative;
    		
    	}
    	
    	.tt-container.tt-top input:checked ~ article,
    	.tt-container.tt-left input:checked ~ article {
    		
    		border-bottom: 	1px solid #383838;
    	
    	}
    	
    	#swipebox-action #swipebox-prev {
    		
    		left: 10px !important;
    		margin-top: -16px;
    		
    	}
    	
    	#swipebox-action #swipebox-prev:before,
    	#swipebox-action #swipebox-next:before {
    		
    		font-size: 32px;
    		
    	}
    	
    	#swipebox-action #swipebox-next {
    		
    		right: 10px !important;
    		margin-top: -16px;
    		
    	}
    	
    	.lightbox-warp .swipebox {
    		
    		width: 100% !important;
    		margin: 0 0 3% 0;
    		
    	}
    	
    	/* Only PC View */
		.pcview,
		#video_background-warp {
		
        	width:         0 !important;
        	height:        0 !important;
        	visibility:    hidden !important;
        	overflow:      hidden !important;
        	opacity:       0 !important;
        	margin:        0 !important;
        	padding:       0 !important;

        }
    	
/******************** Woocommerce *******************/

		.header-cart-button-warp:hover .cart-widget {
			
			visibility: hidden;
			opacity: 0;
			height: 1px;
			overflow: hidden;
			
		}
		
		.woocommerce ul.products li.product, 
		.woocommerce-page ul.products li.product {
			
			width: 100% !important;
			
		}
		
		div.pp_woocommerce .pp_content_container {
			
			margin-top: 50% !important;
			
		}
		
		div.pp_woocommerce #respond.comment-respond {
			
			width: 250px !important;
			margin-top: -240px !important;
			
		}
		
		div.pp_woocommerce #respond.comment-respond .comment-reply-title {
			
			font-size: 24px;
			line-height: 24px;
			
		}
		
		.woocommerce table.shop_table thead, 
		.woocommerce-page table.shop_table thead {
			
			width: 1px !important;
			height: 1px !important;
			opacity: 0 !important;
			position: absolute !important;
			visibility: hidden !important;
			display: none !important;
			overflow: hidden !important;
			
		}
		
		.woocommerce table.shop_table tr.cart_table_item, 
		.woocommerce-page table.shop_table tr.cart_table_item {
			
			border: 1px solid #555;
			margin-bottom: 10px;
			
		}
		
		.woocommerce table.shop_table td.actions .coupon, 
		.woocommerce-page table.shop_table td.actions .coupon {
			
			width: 100%;
			margin-bottom: 20px;
			
		}
		
		.woocommerce table.shop_table td.actions input[name=coupon_code], 
		.woocommerce-page table.shop_table td.actions input[name=coupon_code] {
			
			width: 100% !important;
			height: 70px !important;
			font-size: 32px;
			
		}
		
		.woocommerce table.shop_table td.actions input[name=apply_coupon], 
		.woocommerce-page table.shop_table td.actions input[name=apply_coupon],
		.woocommerce table.shop_table td.actions input[name=update_cart], 
		.woocommerce-page table.shop_table td.actions input[name=update_cart] {
			
			display: block;
			width: 100%;
			height: 70px !important;
			
		}
		
		.woocommerce table.shop_table td.actions input[name=proceed], 
		.woocommerce-page table.shop_table td.actions input[name=proceed] {
			
			display: block;
			float: left;
			width: 100%;
			height: 70px !important;
			margin: 10px 0;
			
		}
		
		.woocommerce table.cart td.actions, 
		.woocommerce #content table.cart td.actions, 
		.woocommerce-page table.cart td.actions, 
		.woocommerce-page #content table.cart td.actions {
			
			padding: 0 !important;
			
		}
		
		.woocommerce .cart-collaterals .cart_totals, 
		.woocommerce-page .cart-collaterals .cart_totals,
		.woocommerce .cart-collaterals .shipping_calculator, 
		.woocommerce-page .cart-collaterals .shipping_calculator {
			
			width: 100% !important;
			
		}
		
		.woocommerce table.cart img, 
		.woocommerce #content table.cart img, 
		.woocommerce-page table.cart img, 
		.woocommerce-page #content table.cart img {
			
			width: 100% !important;
			
		}
		
		.woocommerce .col2-set .col-1, 
		.woocommerce-page .col2-set .col-1,
		.woocommerce .col2-set .col-2, 
		.woocommerce-page .col2-set .col-2 {
			
			width: 100% !important;
			
		}
		
		.woocommerce .checkout .col-2, 
		.woocommerce-page .checkout .col-2 {
			
			margin-top: 50px !important;
			
		}
		
		.woocommerce .checkout .col-2 h3, 
		.woocommerce-page .checkout .col-2 h3 {
			
			margin-top: 10px !important;
			
		}
		
		.woocommerce .checkout #shiptobilling, 
		.woocommerce-page .checkout #shiptobilling {
			
			float: left !important;
			
		}
		
		.woocommerce .checkout .shop_table tbody tr,
		.woocommerce table.shop_table .order_table_item, 
		.woocommerce-page table.shop_table .order_table_item {
			
			border: 1px solid #555;
			margin-bottom: 10px;
			
		}
		
		.woocommerce form .form-row-first, 
		.woocommerce form .form-row-last, 
		.woocommerce-page form .form-row-first, 
		.woocommerce-page form .form-row-last {
			
			width:  100% !important;
			
		}
		
		.woocommerce form .form-row, 
		.woocommerce-page form .form-row {
			
			padding: 0 !important;
			
		}
		
		.woocommerce input.button#place_order, 
		.woocommerce #respond input#submit {
			
			width: 100% !important;
			
		}
		
		.woocommerce .woocommerce-result-count, 
		.woocommerce-page .woocommerce-result-count {
			
			width: 100% !important;
			margin-bottom: 10px !important;
			
		}
		
		.woocommerce .woocommerce-ordering, 
		.woocommerce-page .woocommerce-ordering {
			
			width: 100% !important;
			margin-bottom: 50px !important;
			
		}
    	

    }