/**

 * Mobile

 */

#slider

{

    display: none;

}



#primary ul

{

    display: none;

}



#primary .open

{

    display: inherit;

}



#content

{

    padding: 100px 0 75px 0;

}



body.home #content.with-slider

{

    margin-top: 0;

    padding-top: 100px!important;

}



#folio ul li

{

    width: 100%;

}



#folio ul li figcaption

{

    display: none;

}



#team ul li

{

    width: 85%;

}



#clients ul li

{

    width: 100%;

    display: block;

    margin-bottom: 25px;

}



#clients ul li img

{

    width: auto;

}



.format-video iframe

{

    height: 300px;

}



.jp-progress

{

    width: 80%;

}



#gmap

{

    height: 350px;

}



.map-overlay

{

    height: 350px;

    top: 350px;

    margin-top: -350px;

}



#contact_form input[type="text"]

{

    width: 100%;

}



#contact_form textarea

{

    width: 90%;

    min-height: 250px;

}



#latest-post p

{

    font-size: 20px;

    line-height: 26px;

}



.boxed

{

    width: 98%;

    overflow-x: hidden;

}



.one_full,

.one_half,

.one_third,

.two_third,

.one_quarter,

.one_fifth

{

    width: 280px;

    margin-left: 20px;

}

h1

{

	font-size: 150%;

}



h2

{

	font-size: 140%;

}



h3

{

	font-size: 130%;

}



h4

{

	font-size: 120%;

}



h5

{

	font-size: 110%;

}



h6

{

    font-size: 16px;

}

/**

 * Tablets

 */

 

 

@media only screen and (max-width: 767px) {

 

	.one_quarter.rounded_border {

  max-width: 100%;

  height:auto;

}



}

@media only screen and (min-width: 767px) {

    #slider

    {

        display: inherit;

    }



    #slides .slide-content

    {

        top: 10%;

        font-size: 20px;

    }



    #slides .slide-content h1

    {

        font-size: 120%;

        margin-bottom: 35px;

    }



    #primary ul

    {

        display: none;

    }



    #primary .open

    {

        display: inherit;

    }



    #content

    {

        padding: 100px 0 75px 0;

    }



    body.home #content.with-slider

    {

        margin-top: 55%;

        padding-top: 75px!important;

    }



    #folio ul li

    {

        width: 33.33333%;

    }



    #folio ul li figcaption

    {

        display: none;

    }



    #team ul li

    {

        width: 32%;

    }



    #clients ul li

    {

        width: 100%;

        display: block;

        margin-bottom: 25px;

    }



    #clients ul li img

    {

        width: auto;

    }



    .format-video iframe

    {

        height: 450px;

    }



    .jp-progress

    {

        width: 92%;

    }



    #gmap

    {

        height: 450px;

    }



    .map-overlay

    {

        height: 450px;

        top: 450px;

        margin-top: -450px;

    }



    #contact_form input[type="text"]

    {

        width: 100%;

    }



    #contact_form textarea

    {

        width: 95%;

        min-height: 250px;

    }



    #latest-post p

    {

        font-size: 26px;

        line-height: 32px;

    }



    .boxed

    {

        width: 700px;

        overflow-x: inherit;

    }



    .one_full,

    .one_half,

    .one_third,

    .two_third,

    .one_quarter,

    .one_fifth

    {

        width: 100%;

        margin-left: 0;

    }



    h1

    {

    	font-size: 200%;

    }



    h2

    {

    	font-size: 180%;

    }



    h3

    {

    	font-size: 160%;

    }



    h4

    {

    	font-size: 140%;

    }



    h5

    {

    	font-size: 120%;

    }



    h6

    {

        font-size: 16px;

    }

	

}

/**

 * Tablets Landscape

 */

@media only screen and (min-width: 1023px) {

    #slider

    {

        display: inherit;

    }



    #slides .slide-content

    {

        top: 22%;

        font-size: 28px;

    }



    #slides .slide-content h1

    {

        font-size: 150%;

        margin-bottom: 35px;

    }
	
	
#primary ul.menu {
  margin-left: 135px;
}


}

/**

 * Small Desktops

 */

@media only screen and (min-width: 1279px) {

    #slider

    {

        display: inherit;

    }



    #slides .slide-content

    {

        top: 25%;

        font-size: 28px;

    }



    #slides .slide-content h1

    {

        font-size: 150%;

        margin-bottom: 35px;

    }



    #primary ul

    {

        display: inherit;

    }



    #primary .open

    {

        display: none;

    }



    #content

    {

        padding: 100px 0 75px 0;

    }



    body.home #content.with-slider

    {

        margin-top: 55%;

        padding-top: 75px!important;

    }



    #folio ul li

    {

        width: 33.33333%;

    }



    #folio ul li figcaption

    {

        top: 35%;

        left: 0;

        width: 100%;

        display: inherit;

    }



    #folio ul li figcaption h6

    {

        margin-top: 45px;

    }



    #folio ul li figcaption::before,

    #folio ul li figcaption::after

    {

    	top: 40%;

    	left: 50%;

    	width: 90%;

    }



    #team ul li

    {

        width: 32%;

    }



    #clients ul li

    {

        width: 20%;

        display: inline-block;

        margin-bottom: 0;

    }





    #clients ul li img

    {

        width: auto;

    }



    .format-video iframe

    {

        height: 450px;

    }



    .jp-progress

    {

        width: 92%;

    }



    #gmap

    {

        height: 450px;

    }



    .map-overlay

    {

        height: 450px;

        top: 450px;

        margin-top: -450px;

    }



    #contact_form input[type="text"]

    {

        width: 100%;

    }



    #contact_form textarea

    {

        width: 97%;

        min-height: 250px;

    }



    #latest-post p

    {

        font-size: 26px;

        line-height: 32px;

    }



    .boxed

    {

        width: 1024px;

        overflow-x: inherit;

    }



    .one_full,

    .one_half,

    .one_third,

    .two_third,

    .one_quarter,

    .one_fifth

    {

        margin-left: 0;

    }



    .one_full

    {

        width: 100%;

    }



    .one_half

    {

        width: 50%;

    }



    .one_third

    {

        width: 33.33333%;

    }



    .two_third

    {

        width: 66.66666%;

    }



    .one_quarter

    {

        width: 25%;

    }



    .one_fifth

    {

        width: 20%;

    }



    h1

    {

    	font-size: 210%;

    }



    h2

    {

    	font-size: 190%;

    }



    h3

    {

    	font-size: 170%;

    }



    h4

    {

    	font-size: 150%;

    }



    h5

    {

    	font-size: 130%;

    }



    h6

    {

        font-size: 16px;

    }

}

/**

 * Large Desktops

 */

@media only screen and (min-width: 1599px) {

    #slider

    {

        display: inherit;

    }



    #slides .slide-content

    {

        top: 25%;

        font-size: 28px;

    }



    #slides .slide-content h1

    {

        font-size: 150%;

        margin-bottom: 35px;

    }



    #primary ul

    {

        display: inherit;

    }



    #primary .open

    {

        display: none;

    }



    #content

    {

        padding: 100px 0 75px 0;

    }



    body.home #content.with-slider

    {

        margin-top: 55%;

        padding-top: 75px!important;

    }



    #folio ul li

    {

        width: 33.33333%;

    }



    #folio ul li figcaption

    {

        top: 38%;

        left: 0;

        width: 100%;

        display: inherit;

    }



    #folio ul li figcaption h6

    {

        margin-top: 45px;

    }



    #folio ul li figcaption::before,

    #folio ul li figcaption::after

    {

    	top: 40%;

    	left: 50%;

    	width: 90%;

    }



    #team ul li

    {

        width: 32%;

    }



    #clients ul li

    {

        width: 20%;

        display: inline-block;

        margin-bottom: 0;

    }





    #clients ul li img

    {

        width: auto;

    }



    .format-video iframe

    {

        height: 450px;

    }



    .jp-progress

    {

        width: 92%;

    }



    #gmap

    {

        height: 450px;

    }



    .map-overlay

    {

        height: 450px;

        top: 450px;

        margin-top: -450px;

    }



    #contact_form input[type="text"]

    {

        width: 100%;

    }



    #contact_form textarea

    {

        width: 97%;

        min-height: 250px;

    }



    #latest-post p

    {

        font-size: 26px;

        line-height: 32px;

    }



    .boxed

    {

        width: 1200px;

        overflow-x: inherit;

    }



    .one_full,

    .one_half,

    .one_third,

    .two_third,

    .one_quarter,

    .one_fifth

    {

        margin-left: 0;

    }



    .one_full

    {

        width: 100%;

    }



    .one_half

    {

        width: 50%;

    }



    .one_third

    {

        width: 33.33333%;

    }



    .two_third

    {

        width: 66.66666%;

    }



    .one_quarter

    {

        width: 25%;

    }



    .one_fifth

    {

        width: 20%;

    }



    h1

    {

    	font-size: 220%;

    }



    h2

    {

    	font-size: 200%;

    }



    h3

    {

    	font-size: 180%;

    }



    h4

    {

    	font-size: 160%;

    }



    h5

    {

    	font-size: 140%;

    }



    h6

    {

        font-size: 16px;

    }

}

/* Fix IE */

@media screen and (min-width:0\0) {

    [class^="icon-"]:before,

    [class*=" icon-"]:before

    {

        margin-top: -500px!important;

    }

}