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

	/* Testimonials */
	#testimonials {
	padding-top: 13px;
	text-align: center;
	padding-bottom: 68px;
	background: none;
	background-color: rgb(250, 250, 250);
	}
}

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

    /* index 3 */
	#photo-wrapper {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
	padding: 1.9375em 1.8125em 2.25em;
	}

	.text-wrapper h2 {
	font-size: 25px;
	}

}

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

	/* SUPERSLIDES SLIDER SETTING */
	.container h1 {
	font-size: 58px;
	line-height: 69px;
	}

    /* INDEX.2 SETTING */
    .big-text {
	font-size: 54px;
	line-height: 54px;
	padding-top: 9px;
	}

    .small-text {
	padding-bottom: 0px;
	}

	/* SERVICES SETTING */
    .service {
	margin-bottom: 15px;
	}

    /* PORTFOLIO SETTING */
	.folio-thumbs li {
	width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2);
	}

	/* CALLOUT SECTION SETTING */
    .callout-section {
	background-color:#ffd737;;
    background-image: none;
	}

	.callout-section .panel {
	width: 100%;
	}
    
    /* BLOG PAGE SETTINGSs */
    .post-quote .content {
	font-size: 18px;
	}

	.post-quote i {
	bottom: 13%;
    right: 12%;
    font-size: 36px;
	}
    
    /* CONTACT SETTINGS */ 
    .contact-button {
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 17px;
	padding-bottom: 17px;
	}
    
    label {
	font-size: 12px;
	line-height: 19px;
	text-align: left;
	}
}

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

    /* MENU SETTING */
    .bt-menu {
	position: relative;
	}

    .bt-menu ul:nth-of-type(2) li {
	width: 44px;
	}

	/* HEADER SETTING */
    .center-title-black h4 {
	line-height: 26px;
	}

	/* SUPERSLIDES SLIDER SETTING */
	.container {
	top: 32%;
	}

	.container h1 {
	font-size: 53px;
	line-height: 66px;
	}

	.slider-button {
	padding-left: 26px;
	padding-right: 26px;
	padding-top: 16px;
	padding-bottom: 16px;
	margin-top: 7px;
	}
		
    /* SKILLSBARS SETTING */
	.name {
	display: inline-block;
	padding-left: 16px;
	margin-bottom: 33px;
    font-size: 12px;
	}

	.progress {
	margin-bottom: 38px;
	}

    .meter {
	display: inline-block;
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
	}
    
    /* PORTFOLIO SETTINGS */
	.folio-thumbs li {
	width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 2);
	width: calc(100% / 2);
	}

	.project-detail.section-two {
	padding-top: 30px;
	}

	.flexslider.folio {
    margin: 0 0 63px;
	}

	.reveal-modal .close-reveal-modal {
	top: 92.5%;
	}

    /* WIDGETS SECTION SETTING */
    .widget {
	margin-bottom: 37px;
	}

    /* TEAM SETTING */
	.team-thumbs li a div {
	padding-left: 17px;
	padding-right: 17px;
	padding-top: 30px;
	padding-bottom: 30px;
	}

    /* BLOG PAGE SETTING */
    .title {
	font-size: 16px;
	}

    /* BLOG POPUP BOX SETTINGS */
    .blog-detail .title {
	font-size: 18px;
	}

    .post__header .header__content {
	padding-top: 12px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 3px;
	}

	blockquote, blockquote p {
	margin-left: 0px;
	}

    .author-social-icons {
	display: none;
	}

	.comment-block-reply {
	margin-left: 0px;
	width: 100%;
	}

	.response .contact-button {
	font-size: 9px;
	}

	.reveal-modal.blog .close-reveal-modal {
	top: 96.9%;
	}

	#myModal > div.close {
	margin-bottom: 50px;
	}

    /* CLIENTS SETTING */
    #clients-section {
	text-align: center;
	padding-top: 75px;
	padding-bottom: 45px;
	}

    #clients-section img {
	padding-bottom: 18px;
	} 

    /* CALLOUT SECTION SETTING */
    .call-out h2 {
	line-height: 26px;
	}

    /* CONTACT SETTINGS */ 
    .contact-button {
	padding-left: 21px;
	padding-right: 21px;
	padding-top: 18px;
	padding-bottom: 18px;
	}

	.contact-details {
	margin-top: 24px;
	}

    /* FOOTER LINKS SETTINGS  */  
    .social-links a {
	margin: 23px 13px;
	}
}

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

	/* HEADER SETTING */
	.center-title-white h2 {
	line-height: 27px;
	}

	/* SUPERSLIDE SLIDESHOW SETTINGS */
    .container p {
	font-size: 11px;
	line-height: 22px;
	}

    .container h3 {
	font-size: 13px;
	}

	.container h1 {
	font-size: 24px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
    line-height: 35px;
	}

    .slider-button {
	font-size: 10px;
	}

    /* BLOG POPUP BOX SETTINGS */
	.post__header .header__content {
	padding-top: 17px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	}

    /* INDEX.2 SETTING */
	.big-text {
	font-size: 37px;
	line-height: 37px;
	padding-top: 9px;
	}

	.small-text {
	font-size: 14px;
    }

	/* PORTFOLIO SETTING */
	.folio-thumbs li {
	width: 16.6666667%; /* Fallback */
	width: -webkit-calc(100% / 1);
	width: calc(100% / 1);
	}

    /* CONTACT SETTINGS */ 
	.contact-button {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 10px;
	}
}

    
@media only screen and ( max-width: 40em ) /* 640px */ {

	/* MASONRY BLOG SETTINGS */
    #list
    {
        -webkit-column-count: 2;
        -webkit-column-gap: 0.938em; /* 15px */
        -moz-column-count: 2;
        -moz-column-gap: 0.938em; /* 15px */
        column-count: 2;
        column-gap: 0.938em; /* 15px */
    }
        .item
        {
            margin-bottom: 0.938em; /* 15px */
        }
}
@media only screen and ( max-width: 30em ) /* 320px */ {

	/* MASONRY BLOG SETTINGS */
    #list
    {
    	-webkit-column-count: auto;
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: 1;
    }
}


/* END ALL RESPONSIVE STYLES */