Current File : /home/bwalansa/www/wp-content/themes/Savia/stylesheets/non-responsive.css

/* ================================================

Skeleton Default CSS

================================================== */

@media only screen and (min-width: 300px) and (max-width: 959px) {

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
	.boxed_wrapper, .boxed_wrapper header, .boxed_wrapper #footer { /*width: 1000px;*/ margin: 0 auto; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

	  .container .one-fifth.column        { width: 172px; }
	  .container .two-fifths.column        { width: 364px; }
	  .container .three-fifths.column        { width: 556px; }
	  .container .four-fifths.column        { width: 748px; }	
	
	
    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }

}




/* ================================================

Custom Responsive CSS

================================================== */


	@media only screen and (min-width: 300px) and (max-width: 959px) {
	
		#wrapper, #wrapper.full_wrapper { width: 960px;}
		header { position: relative; margin-top: 0 !important; }
		#footer { position: relative; }
		.content_bgr { margin-top: 0!important; margin-bottom: 0!important;}
       
        #footer, #wrapper.full_wrapper #footer { width: 960px; }
		
		header #menu > ul > li > a {	line-height: 52px;}
		header #logo .logo_img { height: 62px;}

		header.scrolled #menu > ul > li > a {	line-height: 42px;}
		header.scrolled #logo .logo_img { height: 52px;}
		
		.isotope_element {	margin-bottom: 20px;}
		
	    .rev_slider_wrapper .button, .rev_slider_wrapper a.button, .rev_slider_wrapper a.button:hover {
			padding:4px 15px 4px; line-height:18px !important; font-size:11px !important;font-weight:normal;
	    }  		
		
		.circ_counter {	width: 150px; }
		.column.client_info_holder, .columns.client_info_holder { margin-left: 29px; padding-left: 20px; }
		
		.section_big_title h1 { font-size: 48px; }	
	
	}