/*-----------------------------------------------------------------------
#package     Rox Xyst Template
#version     1.0
#author      ThemeRox http://www.themerox.com
#copyright   Copyright under commercial licence (C) 2010 - 2011 ThemeRox
#license     http://www.gnu.org/licenses/gpl-3.0.html GNU/GPLv3
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
#Helix Framework Credit
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
--------------------------------------------------------------------------*/
@media print {

    h1 {
	    page-break-before:always;
    }

    h1,  h2,  h3,  h4,  h5,  h6 {
	    page-break-after:avoid;
    }

    ul,  ol,  dl {
	    page-break-before:avoid;
    }
}

/* =Responsive Design
    Media Queries
    If you're working on a Child Theme, make sure that all
	media queries are included in your style.css
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

}

@media screen and (max-width: 640px) {
		/*Header Part*/
			#sp-mmenu select.select-menu {width: 32px;height: 27px;opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;cursor: pointer;}
			#sp-mmenu {display: block!important;float: right;margin-top: 36px;background: rgba(0, 0, 0, .05) url(../images/mmenu-bg.png) no-repeat 50%;width: 32px;height: 27px;position: relative;}
			a#logo {width: 70%!important;}
		/*slide Part*/
			#sequence {height:360px !important}
			div.rox-nav-obj span {padding: 2px 45px 2px 0 !important;}
			div.rox-nav-obj{top:350px !important;}
			#sequence li {line-height:35px !important;}			
			.animate-in .intro{width:100% !important}
			.animate-in .slide2{width:100% !important}
			.animate-in .slide3{width:100% !important}
			.animate-in .intro h1{font-size:50px !important}
			.animate-in .slide2 h1{font-size:50px !important}
			.animate-in .slide3 h1{font-size:50px !important}
			.animate-in .intro p{font-size:25px !important}
			.animate-in .slide2 p{font-size:25px !important}
			.animate-in .slide3 p{font-size:25px !important}	
			.animate-out .intro{width:100% !important}
			.animate-out .slide2{width:100% !important}
			.animate-out .slide3{width:100% !important}
			.animate-out .intro h1{font-size:50px !important}
			.animate-out .slide2 h1{font-size:50px !important}
			.animate-out .slide3 h1{font-size:50px !important}
			.animate-out .intro p{font-size:25px !important}
			.animate-out .slide2 p{font-size:25px !important}
			.animate-out .slide3 p{font-size:25px !important}			
			#sequence .iphone{left:-2000px !important} /*images*/
			
		/*News Show gk4*/
		   .nspArtPage .nspArt {
			border-left: none!important;
			padding-bottom: 20px!important;
			padding-top: 20px!important;
			width: 100%;
			}
			.nspArt img.nspImage,.nspArt .fleft {
            width: 100%;
            height:auto!important;
			}
		/*k2 componant*/
			div.itemCommentsForm form textarea.inputbox, div.itemCommentsForm form input.inputbox{width:100%}
		/*contact us*/
			.slider{display:none !important;}
			#sp-bottom-top div.sp_qc_info, #sp-bottom-top input, #sp-bottom-top textarea#message, #sp-bottom-top div.sp_qc_message{width:100%}			
		div.customcompany_activits img,div.slider img{width:100% !important}
		div#sp-feature-mid1,div.selectorsBlock,#sp-slides,#sp-slides2,div.rox-mask,div.rox-main:hover a.read-more,div.rox-main:hover a.rd-img{display:none !important}
}
@media screen and (max-width: 480px) {
		/*Header Part*/
			#sp-mmenu select.select-menu {width: 32px;height: 27px;opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;cursor: pointer;}
			#sp-mmenu {display: block!important;float: right;margin-top: 36px;background: rgba(0, 0, 0, .05) url(../images/mmenu-bg.png) no-repeat 50%;width: 32px;height: 27px;position: relative;}
			a#logo {width: 70%!important;}
		/*slide Part*/
			#sequence {height:360px !important}
			div.rox-nav-obj span {padding: 2px 45px 2px 0 !important;}
			div.rox-nav-obj{top:350px !important;}
			#sequence li {line-height:35px !important;}			
			.animate-in .intro{width:100% !important}
			.animate-in .slide2{width:100% !important}
			.animate-in .slide3{width:100% !important}
			.animate-in .intro h1{font-size:50px !important}
			.animate-in .slide2 h1{font-size:50px !important}
			.animate-in .slide3 h1{font-size:50px !important}
			.animate-in .intro p{font-size:25px !important}
			.animate-in .slide2 p{font-size:25px !important}
			.animate-in .slide3 p{font-size:25px !important}	
			.animate-out .intro{width:100% !important}
			.animate-out .slide2{width:100% !important}
			.animate-out .slide3{width:100% !important}
			.animate-out .intro h1{font-size:50px !important}
			.animate-out .slide2 h1{font-size:50px !important}
			.animate-out .slide3 h1{font-size:50px !important}
			.animate-out .intro p{font-size:25px !important}
			.animate-out .slide2 p{font-size:25px !important}
			.animate-out .slide3 p{font-size:25px !important}			
			#sequence .iphone{left:-2000px !important} /*images*/
			
		/*News Show gk4*/
		   .nspArtPage .nspArt {
			border-left: none!important;
			padding-bottom: 20px!important;
			padding-top: 20px!important;
			width: 100%;
			}
			.nspArt img.nspImage,.nspArt .fleft {
            width: 100%;
            height:auto!important;
			}
		/*k2 componant*/
			div.itemCommentsForm form textarea.inputbox, div.itemCommentsForm form input.inputbox{width:100%}
		/*contact us*/
			.slider{display:none !important;}
			#sp-bottom-top div.sp_qc_info, #sp-bottom-top input, #sp-bottom-top textarea#message, #sp-bottom-top div.sp_qc_message{width:100%}
			
		div.customcompany_activits img,div.slider img{width:100% !important}
		div#sp-feature-mid1,div.selectorsBlock,#sp-slides,#sp-slides2,div.rox-mask,div.rox-main:hover a.read-more,div.rox-main:hover a.rd-img{display:none !important}
}

@media screen and (max-width: 320px) {
		/*Header Part*/
			#sp-mmenu select.select-menu {width: 32px;height: 27px;opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;cursor: pointer;}
			#sp-mmenu {display: block!important;float: right;margin-top: 36px;background: rgba(0, 0, 0, .05) url(../images/mmenu-bg.png) no-repeat 50%;width: 32px;height: 27px;position: relative;}
			a#logo {width: 70%!important;}
		/*slide Part*/
			#sequence {height:360px !important}
			div.rox-nav-obj span {padding: 2px 45px 2px 0 !important;}
			div.rox-nav-obj{top:350px !important;}
			#sequence li {line-height:35px !important;}			
			.animate-in .intro{width:100% !important}
			.animate-in .slide2{width:100% !important}
			.animate-in .slide3{width:100% !important}
			.animate-in .intro h1{font-size:50px !important}
			.animate-in .slide2 h1{font-size:50px !important}
			.animate-in .slide3 h1{font-size:50px !important}
			.animate-in .intro p{font-size:25px !important}
			.animate-in .slide2 p{font-size:25px !important}
			.animate-in .slide3 p{font-size:25px !important}	
			.animate-out .intro{width:100% !important}
			.animate-out .slide2{width:100% !important}
			.animate-out .slide3{width:100% !important}
			.animate-out .intro h1{font-size:50px !important}
			.animate-out .slide2 h1{font-size:50px !important}
			.animate-out .slide3 h1{font-size:50px !important}
			.animate-out .intro p{font-size:25px !important}
			.animate-out .slide2 p{font-size:25px !important}
			.animate-out .slide3 p{font-size:25px !important}			
			#sequence .iphone{left:-2000px !important} /*images*/
			
		/*News Show gk4*/
		   .nspArtPage .nspArt {
			border-left: none!important;
			padding-bottom: 20px!important;
			padding-top: 20px!important;
			width: 100%;
			}
			.nspArt img.nspImage,.nspArt .fleft {
            width: 100%;
            height:auto!important;
			}
		/*k2 componant*/
			div.itemCommentsForm form textarea.inputbox, div.itemCommentsForm form input.inputbox{width:100%}
		/*contact us*/
			.slider{display:none !important;}
			#sp-bottom-top div.sp_qc_info, #sp-bottom-top input, #sp-bottom-top textarea#message, #sp-bottom-top div.sp_qc_message{width:100%}		
           div.customcompany_activits img,div.slider img{width:100% !important}
		   div#sp-feature-mid1,div.selectorsBlock,#sp-slides,#sp-slides2,div.rox-mask,div.rox-main:hover a.read-more,div.rox-main:hover a.rd-img{display:none !important}
}
@media screen and (max-width: 240px) {
		/*Header Part*/
			#sp-mmenu select.select-menu {width: 32px;height: 27px;opacity: 0;position: absolute;left: 0;top: 0;z-index: 1;cursor: pointer;}
			#sp-mmenu {display: block!important;float: right;margin-top: 36px;background: rgba(0, 0, 0, .05) url(../images/mmenu-bg.png) no-repeat 50%;width: 32px;height: 27px;position: relative;}
			a#logo {width: 70%!important;}
		/*slide Part*/
			#sequence {height:360px !important}
			div.rox-nav-obj span {padding: 2px 45px 2px 0 !important;}
			div.rox-nav-obj{top:350px !important;}
			#sequence li {line-height:35px !important;}			
			.animate-in .intro{width:100% !important}
			.animate-in .slide2{width:100% !important}
			.animate-in .slide3{width:100% !important}
			.animate-in .intro h1{font-size:50px !important}
			.animate-in .slide2 h1{font-size:50px !important}
			.animate-in .slide3 h1{font-size:50px !important}
			.animate-in .intro p{font-size:25px !important}
			.animate-in .slide2 p{font-size:25px !important}
			.animate-in .slide3 p{font-size:25px !important}	
			.animate-out .intro{width:100% !important}
			.animate-out .slide2{width:100% !important}
			.animate-out .slide3{width:100% !important}
			.animate-out .intro h1{font-size:50px !important}
			.animate-out .slide2 h1{font-size:50px !important}
			.animate-out .slide3 h1{font-size:50px !important}
			.animate-out .intro p{font-size:25px !important}
			.animate-out .slide2 p{font-size:25px !important}
			.animate-out .slide3 p{font-size:25px !important}			
			#sequence .iphone{left:-2000px !important} /*images*/
			
		/*News Show gk4*/
		   .nspArtPage .nspArt {
			border-left: none!important;
			padding-bottom: 20px!important;
			padding-top: 20px!important;
			width: 100%;
			}
			.nspArt img.nspImage,.nspArt .fleft {
            width: 100%;
            height:auto!important;
			}
		/*k2 componant*/
			div.itemCommentsForm form textarea.inputbox, div.itemCommentsForm form input.inputbox{width:100%}
		/*contact us*/
			.slider{display:none !important;}
			#sp-bottom-top div.sp_qc_info, #sp-bottom-top input, #sp-bottom-top textarea#message, #sp-bottom-top div.sp_qc_message{width:100%}	

        div.customcompany_activits img,div.slider img{width:100% !important}
		div#sp-feature-mid1,div.selectorsBlock,#sp-slides,#sp-slides2,div.rox-mask,div.rox-main:hover a.read-more,div.rox-main:hover a.rd-img{display:none !important}			
}
/*"The last 29 days of the month are the hardest."- Nikola Tesla*/