/* QUERIES FOR TABLETS */
@media only screen and (max-width: 1024px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

    /* Headings
    ---------------------------------------- */
    h1 { font-size: 50px; line-height: 58px; }
    h2 { font-size: 35px; line-height: 43px; }
    h3 { font-size: 24px; line-height: 30px; }
    h4 { font-size: 18px; line-height: 22px; }
    h5 { font-size: 16px; line-height: 19px; }
    h6 { font-size: 14px; line-height: 17px; }




    /* Forms
    ---------------------------------------- */
    input[type=text], input[type=password] { width: 180px; }		/* padding issue (200 + 2*5 = 210) */
    textarea { width: 290px; height: 150px; max-width: 100%; }		/* padding issue (320 + 2*5 = 330) */

    /*----------------------------------------------
    General ID's or Classes
    ------------------------------------------------*/
    .wrapper { width: 625px; }
    #sidebar { width: 180px; padding-bottom: 10px;  }
    #cards-content, #cards-content-full { width: 400px; }
    #home #close { width: 580px; }
    #home #header { height: 235px; }

    /*----------------------------------------------
    Top
    ------------------------------------------------*/
    ul.nav { width: 560px; }
	.top-inner {width: 625px;}

    /*----------------------------------------------
    Entries
    ------------------------------------------------*/
    .entry { width: 330px; }
	.entry-single #content{width: 565px}
	#cards-content{ width: 380px;}
	.single-page{width: 565px}
	#content{width: 570px;}
	#header-404 { width: 500px; height: auto; padding:0;  }
	#primary #content{width: 590px;}

    /*----------------------------------------------
    Comments
    ------------------------------------------------*/
    #comments .comment .comment { padding-left: 30px; }

    .add-padding { padding-left: 25px; }

}

/* QUERIES FOR SMARTPHONES */
@media only screen and (max-width: 767px), only screen and (max-device-width: 480px), only screen and (max-width: 767px) {

/* Headings
---------------------------------------- */
h1 { font-size: 44px; line-height: 46px; }
h2 { font-size: 26px; line-height: 34px; }
h3 { font-size: 20px; line-height: 26px; }
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 16px; line-height: 19px; }
h6 { font-size: 14px; line-height: 17px; }

body {
	/*background: #eaeaea;*/
	}

/* Forms
---------------------------------------- */
input[type=text], input[type=password] { width: 230px;  max-width: 100%; }		/* padding issue (250 + 2*5 = 260) */
textarea { width: 230px; height: 150px; max-width: 100%; }		/* padding issue (250 + 2*5 = 260) */

/*---------------------------------------------- 
General ID's or Classes
------------------------------------------------*/
.wrapper { width: 320px; float: none; }		/* visuel width = 280 */
#sidebar { width: 260px; padding: 0px 0px 0px 0px; float: none; margin-bottom: 0px;}
#cards-content, #cards-content-full { width: 260px; margin-bottom: 0px; }
.entry-single #content {width: 260px;}

#home #close { width: 260px; }
#home #header { height: 122px; }

/*---------------------------------------------- 
Header
------------------------------------------------*/
header #logo { float: none; text-align: center; }
header #logo a { margin: 0 auto; display: inline-block; }

/*---------------------------------------------- 
Footer
------------------------------------------------*/
footer .left_float, footer .right_float { float: none; }
#footer-links li {
    padding: 0 12px 4px 0;
    line-height: 16px;
    border-right: 0;
}
#copyright{
    font-size: 12px;
    color: #aaa;
}
/*---------------------------------------------- 
Nav
------------------------------------------------*/

nav, #nav { width: 103%; margin: 5px 0 0 -7px; float: none; }
nav ul li, #nav nav ul li { float: left; margin: 0px 0px 0px 0; text-align:center; line-height: 20px; }
ol, ul {
	list-style: none;
	margin-bottom: 0px;
	overflow: hidden;
}
nav ul li a,
#nav ul li a {
    font-size: 17px;
    color: #3b3b3b;
    text-decoration: none;
    min-width: 56px;
    display: block;
    text-align: center;
    padding: 10px 8px 10px 14px;
}

/*---------------------------------------------- 
Top
------------------------------------------------*/
#top { text-align: center; }
ul.nav { width: 318px; }
.logo a img { width: 110px; padding: 10px 10px 0 10px; }
.site-header { height: 230px; }
ul.nav { margin: 0px 0px 15px 0; padding: 0px 0px; height: 26px; background: none; }
.error { margin-right: -15px; }
.contact_us_text{ font-size: 26px; line-height:30px;}
nav ul li a.developers, #nav ul li a.developers{ padding: 10px 114px; }
nav, #nav { margin: 0px 0 0 0px; }
.header-bottom{overflow: hidden;}
.top-inner {width: 320px;}

/*----------------------------------------------
Article
------------------------------------------------*/
article, #article {	background: none;	box-shadow:  none;	-moz-box-shadow:  none;	-webkit-box-shadow:  none;	border-bottom: none; border-top: none;	}
		
/*---------------------------------------------- 
Entries
------------------------------------------------*/
.entry { width: 288px; }
#sidebar .entry-info p { margin: 0 0 16px 0; }
.single-page{width: 270px}
#header-404 { width: 200px; height: auto; padding: 0; }
#content {width: 260px;}
#primary #content{width: 290px;}
/*---------------------------------------------- 
Comments
------------------------------------------------*/
#comments .comment .comment { padding-left: 15px; }

/*---------------------------------------------- 
Social Media Widget
------------------------------------------------*/
.socialmedia { float: none; }
.socialmedia a { display: inline-block; float: none; width: 60px; height: 65px; margin-left: 0px;}

/* Handmark Card */
.handmark-icon { width: 75px; height: 75px; }
.handmark-card h1 { font-size: 28px; line-height: 32px;}
.handmark-card p { font-size: 16px; line-height: 22px;}
.handmark-card .card-down-arrow { width: 20px; height: 25px; padding: 20px 0 10px; }

}