/*This styles is for the responsive layout of the theme*/
@media screen and (max-width: 1300px){
	.slider-caption .caption-title{
		font-size: 50px;
		line-height: 40px;
	}

	.slider-caption .caption-description{
		font-size: 26px;
		line-height: 30px;
	}
    
}


@media screen and (max-width: 1200px){
    .boxed-layout #page{
        width:100%;
    }
    
	.ak-container,
    .boxed-layout .ak-container{
		width: 100%;
		padding: 0 10px;
	}

	#masthead .right-header{
		padding-top: 10px;
	}

	.header-text{
		display: none;
	}

	.socials{
		float: none;
		margin: 0 0 10px;
        text-align:right;
	}

	.ak-search{
		float: none;
		margin: 0 0 10px;
	}

	.ak-search .searchform{
		float: right;
	}

	.slider-caption .caption-title{
		font-size: 30px;
		line-height: 26px;
	}

	.slider-caption .caption-description{
		font-size: 16px;
		line-height: 20px;
	}

	#slider-banner .bx-wrapper .bx-pager{
		bottom:5px;
	}

	#slider-banner .bx-wrapper .bx-pager.bx-default-pager a{
		height: 14px;
		width: 14px;
	}

	#welcome-text{
		width: 53.5%
	}

	#top-section .welcome-text-image{
		width: 30%
	}

	#top-section .welcome-detail{
		width: 65%
	}

	#latest-events{
		width: 44%;
	}

	.event-list .event-thumbnail{
		width: 28%;
	}

	.event-list .event-thumbnail img{
		width: 100%;
	}

	.event-list .event-detail{
		width: 68%;
	}

	.featured-post{
		width: 30%;
		margin-right: 5%;
	}

	#bottom-section .testimonail-slider, 
	#bottom-section .thumbnail-gallery, 
	#bottom-section .text-box{
		width: 31%; 
		margin-right: 3.5%
	}
    
    #bottom-section .testimonail-slider{
        margin-right:0;
    }

	.testimonail-thumbnail{
		width: 30%;
	}

	.testimonail-excerpt{
		width: 65%;
	}

	#bottom-section .thumbnail-gallery ul li:nth-child(3n){
		margin-right: 6px;
	}
    
}

@media screen and (max-width: 1170px){
    #main-content, .mid-content, #sequence .mid-wrapper, .testimonials-wrap, .main-title h1, .about-us-wrapper{
        width:941px;
    }
    .socials{
		float: none;
		margin: 0 0 0px;
        text-align:right;
	}
    #site-navigation ul li a {
    padding: 0 10px;
}
#sequence .mid-wrapper {
    margin-left: -470px;
}
.ipad-img {
    width: 100%;
}
.youtube-tutorial {
    width: 50%;
}
#youtube-video iframe {
    width: 47%;
}
/*
.themes-list li,.plugin-mid .themes-list li,.theme-portfolios {
    width: 410px;
    height: 234px;
}
.theme-header-btn{
    height: 222px;
}*/
.themes-list li, .plugin-mid .themes-list li, .theme-portfolios {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.theme-header{
    padding: 20px;
}
.theme-header p {
    margin: -13px;
}
.facebook-box {
    float: none;
    margin-bottom: 20px;
    text-align: center;
}
.twitter-box {
    float: none;
    text-align: center;
}
#youtube-video .mid-content {
    width: 850px;
}
.parallax-content {
    width: 100%;
}
.theme-header p {
    font-size: 16px;
}
.theme-header h1 {
    font-size: 18px;
}
.access-small-features .right-cont {
    float: left;
    margin-left: 25px;
    width: 210px;
}
.access-features, .access-small-features {
    float: left;
    margin-right: 5%;
    width: 27%;
}
.access-small-features i {
    margin-bottom: 10px;
}
.service {
    width: 252px;
}
.blog-lists .blog-items {
    width: 300px;
}
.left-contact {
    width: 550px;
}
.left-contact .wpcf7-form {
    width: 480px;
}
#sequence .mid-wrapper {
    bottom: 70px; 
}
#sequence .slide2 .mid-wrapper {
  bottom: 10px;
}
.ap-middle-image{
    width:350px;
}
.ipad-img {
    width: 100%;
}
.ap-right-image{
    width: 260px;
}
.featured-post {
    margin-right: 5%;
    width: 47%;
}
.featured-post:nth-child(2n) {
    margin-right: 0;
}
.theme-slider {
    width: 580px;
}
.chairman-photo{
    width: 300px;
}
.chairman-message{
    float: right;
    width: 365px;
}
.right-column .service-content{
    width: 80%;
}
.right-support p a {
    font-size: 13px;
}
.free-features {
    background-position: 80% 80px;
}
.pro-features {
    background-position: 80% 125px;
}
/*slider responsive **/
.ap-left-image{
    height: 280px;
    right: 300px;
    top: 245px;
    width: 240px;
}
.ap-ipad{
     height: 280px;
    right: 400px;
    top: 285px;
    width: 150px;
}

.slide3 .ap-ipad{
    top: 185px;
}

.ap-ipad img.ipad-website {
    left: 17px;
    max-width: 77%;
    position: absolute;
    top: 16px;
}
.slide3 .ap-mac{
    top: 140px;
}
.ap-mac img.mac-website {
 left: 9px;
    position: absolute;
    top: 11px;
    width: 93%;
}

.ap-right-image {
    height: 280px;
    right: 60px;
    top: 245px;
    width: 240px;
}

 .ap-iphone {
    height: 280px;
    right: 100px;
    top: 330px;
    width: 90px;
}
.ap-iphone img.iphone-website {
    left: 16px;
    position: absolute;
    top: 22px;
    width: 62%;
}
.slide3  .ap-iphone{
    top: 230px;
}

.ap-middle-image,.ap-mac {
    height: 240px;
    right: 160px;
    top: 240px;
    width: 280px;
}
.customize-image {
    right: 60px;
    top: 200px;
    width: 483px;
}
.customize-image-zoom {
    top: 204px;
    width: 160px;
}
.anonymous-post-ipad {
    right: 200px;
    top: 240px;
    width: 455px;
}
.anonymous-post-text {
    right: 50px;
    top: 190px;
    width: 255px;
}
.testimonial-each{
    width: 37%;
}
.facebook-box{
    width: 430px;
    float: left !important;
}
.twitter-box {
    float: right !important;
    margin-top: 70px;
    width: 390px;
}

.social-icon1 {
  height: 300px;
  right: 50px;
  top: 130px;
  width: 305px;
}

.social-icon2 {
  height: 223px;
  right: 370px;
  top: 290px;
  width: 150px;
}

.social-icon3 {
  height: 153px;
  right: 490px;
  top: 200px;
  width: 120px;
}

.social-icon4 {
  height: 116px;
  right: 390px;
  top: 170px;
  width: 85px;
}
.header-banner-wrapper{
    width: 100%;
    padding: 0 10px;
}
.main_title_blog{
    background-size: cover;
}
}


@media screen and (max-width: 940px){
	body{
		background: #F2F2F2;
	}

	#page{
		max-width: 768px;
		width: 100%;
		margin:0 auto;
		background: #FFF;
		box-shadow: 0 0 10px #999;
	}

	#slider-banner .bx-controls-direction{
		display: none;
	}

	#welcome-text{
		width: auto;
		margin-bottom: 25px;
		float: none;
	}

	#top-section{
		margin-top: 20px;
		margin-bottom: 30px;
	}

	#top-section .welcome-text-image img{
		width: 100%
	}

	#latest-events{
		width: auto;
		float: none;
	}

	#bottom-section .testimonail-slider, 
	#bottom-section .gallery, 
	#bottom-section .subscribe{
		width: auto;
		float: none;
		margin: 0 0 25px;
	}

	.testimonail-thumbnail,
	.testimonail-sidebar .testimonail-thumbnail{
		width: 100px;
		margin-right: 20px
	}

	.testimonail-excerpt,
	.testimonail-sidebar .testimonail-excerpt{
		width: calc( 100% - 120px);
		float: left;
	}

	#site-navigation .ak-container{
		padding:0;
	}

	.menu-toggle{ 
		display: block;
		float: right;
		background: url(../images/menu.png) no-repeat center rgba(0,0,0,0.3);
		height: 48px;
		width: 48px;
		text-indent: -9999px;
		margin: 0;
	}

	.main-navigation .menu {
		display: none;
	}

	#top-footer .footer{
		width: 50%;
	}

	.hide{ display: block; margin-bottom: 25px;}

	#bottom-footer .site-info{
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}

	#bottom-footer .copyright{
		float: none;
		text-align: center;
	}

	.main-navigation .menu{
		position: absolute;
		left: 0;
		width: 100%;
		top: 48px;
		z-index: 9999;
		background: #0077B2;
	}

	.main-navigation .menu li{
		width: 100%; 
		float: none;
		line-height: 38px;
		border-bottom:1px solid #0383BF;
	}

	.main-navigation ul ul{
		position: static;
		box-shadow: none;
		border: none;
	}
    
    .main-navigation ul ul a{
        padding:0 20px ; 
    }

	.main-navigation .menu ul li{
		line-height:38px;
		border-bottom: 1px solid #DDD;
		padding:0; 
	}

	.main-navigation ul ul ul{
		background: #F6F6F6;
	}

	#primary-wrap{
		float: none;
		width: auto;
	}

	#primary, .left-sidebar #primary, 
	.both-sidebar #primary,
	.both-sidebar #primary-wrap .sidebar,
	.both-sidebar .sidebar{
		float: none;
		width: auto;
		margin-bottom: 25px;
	}

	.sidebar, .sidebar.left-sidebar{
		width: auto;
		float: none;
	}
    #main-content, .mid-content, #sequence .mid-wrapper, .testimonials-wrap, .main-title h1, .about-us-wrapper {
    width: 750px;
}
.toggle-menu {
    background: url("images/res-menu.png") no-repeat scroll right center;
    border: medium none;
    display: block;
    float: right;
    height: 32px;
    position: relative;
    margin-right: 10px;
    text-indent: -9999px;
    width: 32px;
    cursor: pointer;
}
#featured-bar .featured-block {
    height: 125px;
}
.featured-post {
    margin-right: 2%;
    width: 48%;
    margin-bottom: 20px;
}
/*
.themes-list li {
    height: auto;
    margin-right: 20px;
    width: 31.5%;
}*/
.themes-list {
    margin-left: -10px;
}
/*
.themes-list li,.plugin-mid .themes-list li,.theme-portfolios {
    display: inline-block;
    float: none;
    height: 208px;
    margin: 10px auto 10px 10px;
    width: 360px;
}
*/
.theme-header-btn {
    height: 403px;
}
.themes-list li, .plugin-mid .themes-list li, .theme-portfolios {
    display: inline-block;
    float: none;
    height: 415px;
    vertical-align: top;
    width: 330px;
}
.themes-list li:before, .theme-portfolios:before{
    background-position: left top;
}
.theme-header p {
    font-size: 19px;
    margin-top: 14px;
}
#youtube-video .mid-content {
    width: 695px;
}
#bottom-footer .copyright {
    float: left;
    text-align: center;
}

.theme-header h1 {
    font-size: 18px;
    margin: 10px 0 5px;
}
.theme-header {
    padding: 20px;
}
.theme-buttons {
    padding-top: 30px;
}
.theme-buttons a, a.button {
    margin-bottom: 5px;
}

.isotope-buttons ul {
    margin-top: 5px;
}
.theme-header p {
    font-size: 11px;
}
.theme-header h1{
    font-size: 18px;
}
.service {
    margin: 0 21px;
    width: 205px;
}
.blog-lists .blog-items{
    width: 238px;
}
.left-contact {
    border-right: medium none;
    float: none;
    width: 100%;
}
.left-contact .wpcf7-form {
    width: 100%;
}
.right-side {
    float: none;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 0;
    text-align: center;
    width: 100%;
}
.primary-content, .secondary-content {
    float: none;
    width: 100%;
}
#site-navigation > div > ul > li {
    float: none;
}
#site-navigation{
    float: none;
}
.menu-main-menu-container{
    display: none;
    clear:both;
}
#main-header #site-navigation .menu {
  margin-left: 0;
}
#main-header .mid-content {
  padding: 0;
  width: 100%;
}
.theme-slider {
    width: 380px;
}
.comparision-wrap {
    display: table;
    float: none;
    margin-bottom: 20px;
    width: 100%;
}
.premium-theme-image{
 float: none;
 width: 100%;   
}
.team1, .team2, .team3, .team4{
    width: 355px;
}
.person-author-wrapper{
    text-align: center;
}
.footer-address{
    height: 124px;
}
.address-detail{
    padding-top: 23px;
}
.chairman-photo {
    float: none;
    width: 100%;
}
.chairman-message {
    float: none;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%;
}
.right-column .service-content{
    width: 75%;
}
.left-faq {
    width: 55%;
}
.right-faq {
    width: 45%;
}
.hosting-wrapper .right {
    width: 103px;
}
.hosting-wrapper .mid {
    margin-right: 30px;
    width: 340px;
}
.hosting-wrapper .left{
    margin-right: 25px;
}
.comparision-features{
    width: 20%;
}
#sequence .mid-wrapper {
    margin-left: -330px;
    width: 700px;
}
#main-header .site-branding{
    float: left;
}
/*slider responsive **/
.ap-left-image {
    right: 250px;
    top: 290px;
}
.ap-right-image {
    right: 10px;
    top: 290px;
}
.ap-middle-image {
    right: 110px;
    top: 285px;
}
.ap-ipad{
      right: 340px;
    top: 325px;
}

.slide3 .ap-ipad{
    top: 225px;
}

.ap-ipad img.ipad-website {
    left: 17px;
    max-width: 77%;
    position: absolute;
    top: 16px;
}
.slide3 .ap-mac{
    top: 180px;
}

.ap-mac img.mac-website {
 left: 9px;
    position: absolute;
    top: 11px;
    width: 93%;
}

 .ap-iphone {
    right: 30px;
    top: 365px;
}
.ap-iphone img.iphone-website {
    left: 16px;
    position: absolute;
    top: 22px;
    width: 62%;
}
.slide3  .ap-iphone{
    top: 270px;
}

.ap-mac {
     right: 100px;
    top: 280px;
}
.customize-image {
    right: 60px;
   top: 330px;
    width: 400px;
}
.customize-image-zoom {
    top: 330px;
    width: 100px;
}
.anonymous-post-ipad {
  right: 80px;
    top: 340px;
    width: 400px;
}
.anonymous-post-text {
 right: 0;
    top: 310px;
    width: 170px;
}
.testimonial-each{
    width: 33%;
    height: 225px;
}
.facebook-box {
    float: left !important;
    margin-top: 50px;
    width: 350px;
}
.twitter-box {
    margin-top: 51px;
    width: 300px;
}
.bigtext{
    font-size: 26px;
}
.our-clients-desc{
    font-size: 21px;
}
#main-header .site-branding .site-logo{
    margin-left: 10px;
}
.fixed > .mid-content {
    width: 100%;
    padding: 0;
    background: #ffffff;
}

.social-icon2 {
  height: 223px;
  right: 260px;
  top: 460px;
  width: 80px;
}
.social-icon4 {
  height: 116px;
  right: 240px;
  top: 320px;
  width: 85px;
}

.social-icon3 {
  height: 153px;
  right: 320px;
  top: 370px;
  width: 90px;
}

.social-icon1 {
  height: 250px;
  right: 50px;
  top: 350px;
  width: 195px;
}
#sequence .slide8 .subtitle,#sequence .slide10 .subtitle{
    width:40%;
}
.main_title_blog .title_blog_page{
        width: 50%;
    }
.main_title_blog .header_form_sidebar{
    width: 50%;
}
#secondary{
    width: 390px;
    float: none;
    margin: 0 auto;
}

}



@media screen and (max-width: 768px){
	.slider-caption .caption-title{
		margin-bottom: 0;
	}
    .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="password"], .wpcf7-form select{
        width: 100%;
    }

	.slider-caption .caption-description{
		display: none;
	}
#main-header .site-branding .site-logo{
    margin: 0 auto;
}
	.slider-caption{
		padding: 20px 0;
	}
    #bottom-section .testimonail-slider, 
    #bottom-section .thumbnail-gallery, 
    #bottom-section .text-box{
        width:100%;
        float:none; 
        margin:0 0 20px; 
    }
    
    .wpcf7-form input[type="text"], 
    .wpcf7-form input[type="email"], 
    .wpcf7-form input[type="url"], 
    .wpcf7-form input[type="password"],
    .wpcf7-form select{
        width:80%;
    }
    
    .wpcf7-form textarea{
        width:100%;
    }
 #main-content, .mid-content, #sequence .mid-wrapper, .testimonials-wrap, .main-title h1, .about-us-wrapper {
    padding: 0 2%;
    width: 98%;
}
#top-header .contact-info {
  border-bottom: 1px solid #e4e4e4;
  float: none;
  text-align: center;
}
#top-header .socials {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 370px;
}
#top-header .mid-content{
    width: 100%;
    padding: 0;
}
#main-header .site-branding {
    float: none;
    text-align: center;
}
.featured-post {
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
}
.featured-post-wrap .featured-post-image {
    display: block;
    margin: 0 auto;
    padding-top:0;
    text-align: center;
    width: 100%;
    height: auto;
    border:none;
}
.themes-list li, .themes-list li:last-child,.plugin-mid .themes-list li,.theme-portfolios {
    float: none;
    height: 466px !important;
    margin: 10px auto !important;
    text-align: center;
    width: 373px;
    display: block !important;
}
.page-template-theme-page-php .isotope,.page-template-plugin-page-php .isotope {
    margin: 0 auto;
    width: 440px;
}
/*
.theme-portfolios {
    left: 50% !important;
    margin-left: -220px !important;
}
*/
.theme-header-btn {
    height: 454px;
}
.theme-buttons {
    padding-top: 100px;
}
.theme-header h1 {
    font-size: 30px;
}
.themes-list li {
    margin-bottom: 20px;
}
.theme-header p {
    font-size: 17px;
}
.themes-list{
    margin-left: 0;
}
#youtube-video .mid-content {
    width: 100%;
}
#youtube-video iframe {
    width: 100%;
}
.youtube-tutorial {
    float: none;
    width: 100%;
}
#our-testimonials .testimonials-wrap {
    margin-top: 20px;
}
.testimonial-each {
    float: none;
    margin-bottom: 20px;
    width: 100%;
}
#main-footer > .footer-block:first-child {
    width: 100%;
    text-align: center;
}
#main-footer > .footer-block {
    float: none;
    margin-right: 0;
    text-align: center;
    margin-bottom: 20px;
}
#bottom-footer .copyright {
    float: none;
    margin-bottom: 20px;
    text-align: center;
}
#bottom-footer .footer-menu {
    float: none;
}
.bigtext {
    line-height: 40px;
}
#main-footer > .footer-block {
    width: 100%;
}
#parallax-banner {
  height: 500px !important;
}
/*
.theme-portfolios {
    margin-right: 0;
}
.theme-portfolios {
    left: 50% !important;
    margin: 0 auto 0;
    padding-bottom: 20px;
    text-align: center;
    width: 360px;
    margin-left: -180px !important;
}
.theme-portfolios.free {
    top: 440px !important;
}
.theme-img, .isotope {
    height: 860px !important;
}
*/
.access-features, .access-small-features {
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
    width: 100%;
}
.access-small-features .right-cont {
    float: left;
    margin-left: 0;
    width: 100%;
}
.access-small-features,.access-small-features i {
    text-align: center;
    float: none;
}
.clear.break-line{
    margin-bottom: 0;
}
.service {
    margin: 0;
    width: 100%;
    float: none;
}
.service .img {
    text-align: center;
}
.service_column, .right-experience {
    float: none;
    text-align: center;
    width: 100%;
}
.service-wrapper, .left-experience {
    float: right;
    padding-bottom: 50px;
    padding-top: 0;
    width: 100%;
}
.left-experience {
    margin-top: 20px;
}
.blog-lists .blog-items {
    left: 50% !important;
    margin: 0 auto 0 -195px;
    padding-top: 20px;
    text-align: center;
    width: 390px;
}
/*
.theme-portfolios.business.portfolio.free {
    top: 830px !important;
}

.page-id-80 .isotope {
    min-height: 1120px !important;
}

.page-id-80 .theme-portfolios.free {
    top: 380px !important;
}
.page-id-80 .theme-portfolios.business.portfolio.free {
    top: 765px !important;
}*/
.theme-slider {
    float: none;
    width: 100%;
}
.theme-details {
    float: none;
    margin: 0 auto;
    padding-top: 20px;
    width: 340px;
}
.free-features, .pro-features {
    background-position: 80% 100px;
}
.left-mid-about {
    float: none;
    width: 100%;
    margin-bottom: 60px;
}
.right-mid-about {
    float: none;
    margin: 0 auto;
    width: 100%;
}
.team1, .team2, .team3, .team4 {
    float: none;
    margin: 0 auto;
    width: 355px;
}
.mid-about{
    display: block;
}
.team-wrapper{
    margin-left: 0;
}
.team1, .team2, .team3, .team4{
    width: 100%;
}
.left-column{
    float: none;
    width: 100%;
    margin-right: 0;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="password"], .wpcf7-form select{
    width: 100%;
}
.right-column{
    width: 100%;
    float: none;
}
.left-faq {
    float: none;
    width: 100%;
}
.right-faq {
    float: none;
    width: 100%;
    padding-left: 0;
}
.hosting-wrapper .left{
    margin: 0 auto;
    float: none;
}
.hosting-wrapper .mid {
    float: none;
    margin-right: 0;
    padding-top: 20px;
    width: 100%;
}
.hosting-wrapper .right {
    float: left;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.hosting-wrapper .row {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 30px;
}
.anonymous-post-text,.anonymous-post-ipad,
.customize-image-zoom,
.customize-image, 
.ap-mac,.ap-iphone,.ap-ipad,
.ap-middle-image,.ap-right-image,.ap-left-image,
.social-icon1,.social-icon2,.social-icon3,.social-icon4{
    display: none;
}

#sequence .subtitle {
    font-size: 14px;
    width: 95% !important;
}
#sequence .mid-wrapper {
    left: 40px;
    margin-left: 0 !important;
    top: 0;
    width: 88% !important;
}
#sequence .subtitle{
    visibility:visible;
}
#sequence .title{
    bottom: 0;
    font-size: 2em;
}
#sequence{
    height: 550px;
}
.footer-address {
    height: 245px;
}
.testimonial-each{
    width: 70%;
}
.youtube-tutorial {
    text-align: center;
}
.youtube-tutorial h1 {
    width: 100%;
}
.subscribe-channel {
    margin: 0 auto;
}
#our-clients{
    background: none no-repeat rgba(0,0,0,0.8);
    height: auto;
}
.facebook-box{
    width: 100%;
    background: #CF3331;
    padding: 20px;
}
.facebook-box > iframe {
    background: none repeat scroll 0 0 #ffffff;
}
.twitter-box{
    width: 100%;
    background: #00C1D0;
    padding: 20px;
}
#our-clients .mid-content.clearfix {
    padding: 0;
}
/*
.theme-img, .isotope {
    height: 370px !important;
}*/
.our-clients-desc{
    margin-bottom: -15px;
}
.plugin-mid .themes-list li{
    margin-right: 0;
}
#parallax-banner{
    height: 620px !important;
}
#social-medias {
  padding-top: 30px;
}
.youtube-icon {
    display: block;
    float: none;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    width: 100%;
}
.youtube-title {
    padding: 0;
    text-align: center;
}
.youtube-title h2{
    padding-top: 0;
}
.youtube-head-wrap{
    padding: 0;
}

.featured-icon{display: none;}
.featured-block .featured-text{margin: 0; padding:10px 0}
}

@media screen and (max-width: 620px) {
#parallax-banner .simplicity, #parallax-banner .comprehensive {
    font-size: 34px;
}
 .parallax-punch-lines, #parallax-banner .buy-btn {
    font-size: 20px;
}
.parallax-content {
    font-size: 24px;
}
}

@media screen and (max-width: 580px) {
	h1{ font-size:28px;}
	h2{ font-size:24px;}
	h3{ font-size:20px;}
	h4{ font-size:18px;}
	h5{ font-size:16px;}
	h6{ font-size:14px;}

	#mid-section{
		margin-bottom: 30px;
	}

	.slider-caption .caption-title{
		font-size:16px;
	}

	.featured-post{
		width: auto;
		margin: 0 0 20px;
		float: none;
		text-align: center;
	}

	.featured-post .featured-image img{
		margin: 0 auto;
	}

	#masthead .right-header{
		display: none;
	}

	#masthead .site-branding{
		float: none;
		text-align: center;
	}
    
#featured-bar .featured-block {
  float: none;
  height: auto;
  padding-top: 1px;
  width: 100%;
}
#comparision {
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
padding: 20px;
}

.main_title_blog .title_blog_page{
        width: 100%;
        padding: 20px 0;
        margin: 0;
        text-align: center;
    }
.main_title_blog .header_form_sidebar{
    width: 100%;
}
.header-banner-wrapper{
    padding: 0;
}




}

@media screen and (max-width: 480px) {
	.slider-caption{
		display: none;
	}

	#top-section .welcome-text-image{
		width:auto;
		float: none;
		margin-bottom: 15px;
	}

	#top-section .welcome-text-image img{
		width: 100%;
	}

	#top-section .welcome-detail{
		width:auto;
	}

	#top-footer .footer{
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}

	#top-footer .footer .widget{
		padding-right: 0	
	}

	#top-footer h1.widget-title{
		margin-bottom: 10px;
	}
    
    .cat-portfolio-list{
        width:100%;
        margin-right:0;
    }
    
    .cat-testimonial-list .entry-header{
        float:none;
        width:50%;
        margin-bottom:30px;
    }
    
    .cat-testimonial-list .entry-header img{
        width:100%;
    }
    
    .cat-testimonial-list .cat-testimonial-excerpt{
        float:none;
        width:100%;
    }
    
    .cat-testimonial-list .cat-testimonial-excerpt:before{
        border-color:transparent transparent #F2F3F4;
        top:-40px;
        left:20px;
    }
    
    .cat-testimonial-list:nth-child(odd) .cat-testimonial-excerpt:before{
        border-color:transparent transparent #F2F3F4;
        top:-40px;
        right:20px;
    }
.bb-login-in .bbp-form > div{
    display: block;
    margin-bottom: 5px;
}
.bb-login-in .bbp-login-form label {
    margin-right: 5px;
    width: 105px;
}
.bb-login-in div.bbp-submit-wrapper{
    float: left;
}
.bb-login-in .or{
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
    margin-left: 50px;
}
.bb-main-title .bb-login-in {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.bbp-submit-wrapper .user-submit{
    margin-left: 115px;
}
.site-content .bb-login-in .bttn {
    margin-left: 56px;
}
.left-mid-about,.left-mid-about{
    text-align: center;
    width: 100%;
}
.isotope-buttons ul li {
    padding: 0 8px;
}
.isotope-buttons ul{
    margin: 0;
}
.hosting-wrapper .right{
    float: none;
}
.hosting-wrapper .btn-lg{
    margin: 0 auto;
}
.footer-address {
    height: 330px;
}
.subscribe-channel{
    width: 100%;
}
.youtube-tutorial h1{
    font-size: 23px;
}
#youtube-video{
    padding: 10px;
}
#youtube-video iframe {
    height: 300px;
    width: 100%;
}
.themes-list li, .themes-list li:last-child, .plugin-mid .themes-list li,.theme-portfolios {
    float: none;
    height: 381px !important;
    margin: 10px auto !important;
    text-align: center;
    width: 300px !important;
}
.page-template-theme-page-php .isotope,.page-template-plugin-page-php .isotope {
    margin: 0 auto;
    width: 300px;
}
.theme-header-btn {
    height: 369px;
}
.theme-header p {
    font-size: 18px;
}
.theme-header h1 {
    font-size: 20px;
}
.featured-post:hover .featured-post-wrap:after {
  display: none;
}
#main-footer > .footer-block:first-child {
    width: 100%;
    text-align: center;
}
#main-footer > .footer-block {
    text-align: left;
}
}

@media screen and (max-width: 440px){
    #parallax-banner .simplicity, #parallax-banner .comprehensive {
    font-size: 30px;
    line-height: 1;
}
.parallax-content {
    font-size: 18px;
    line-height: 1.6;
}
#sequence .mid-wrapper {
    left: 40px;
    margin-left: 0 !important;
    text-align: center;
    top: -90px;
    width: 78% !important;
}
#sequence .title{
    font-size: 1em;
}
#sequence .slide4 .subtitle{
    text-shadow:0 2px 2px #353535;
}
.testimonial-each {
    margin-left: 70px;
    width: 75%;
}

} 

@media screen and (max-width: 390px){
    .themes-list li, .themes-list li:last-child {
    width: 100%;
}
.theme-portfolios {
    left: 0 !important;
    margin-bottom: 0;
    margin-left: 0 !important;
    padding-bottom: 20px;
    text-align: center;
    width: 100%;
}
#top-header .socials {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 290px;
}
#top-header .socials a {
    padding: 0 6px;
}
#top-header .socials a.my-account{
    font-size: 12px;
}
.blog-lists .blog-items {
    left: 0 !important;
    margin: 0;
    width: 100%;
    position: static !important;
}
.bb-login-in .bbp-form > div{
    display: block;
    margin-bottom: 5px;
}
.bb-login-in .bbp-login-form label {
    margin-right: 5px;
    width: 105px;
}
.bb-login-in div.bbp-submit-wrapper{
    float: left;
}
.bb-login-in .or{
    display: block;
    margin-bottom: 10px;
    margin-top: 0;
    margin-left: 50px;
}
.bb-main-title .bb-login-in {
    float: none;
    margin: 0 auto;
    text-align: center;
}
.bbp-submit-wrapper .user-submit{
    margin-left: 115px;
}
.site-content .bb-login-in .bttn {
    margin-left: 56px;
}
/*
.page-id-80 .theme-portfolios.free {
    top: 0 !important;
}
.page-id-80 .theme-portfolios.business.portfolio.free {
    top: 735px !important;
}
.page-id-80 .theme-portfolios.business.portfolio.premium {
    margin-top: -345px !important;
}*/
.theme-details{
    width: 100%;
}
.social-bttns > iframe{
    width: 138px !important;
}
.page-id-80 .theme-portfolios.business.portfolio.premium{
    margin-top: 30px !important;
}

}


@media screen and (max-width: 380px){
    .portofolio-layout .entry-title{
        font-size:22px;
    }
    
    .portofolio-layout .cat-portfolio-excerpt{
        font-size:14px;
    }
    
    .portofolio-layout .cat-portfolio-excerpt{
        top:110px;
    }
    
    .cat-event-list .cat-event-image{
        width:100%;
        float:none;
        margin-bottom:15px;
    }
    .cat-event-list .cat-event-excerpt{
        width:100%;
        float:none;
    }
    
    .cat-testimonial-list .entry-header{
        width:100%;
    }
    #top-header .socials a {
    line-height: 30px;
    padding: 0 6px;
}
.isotope-buttons ul li {
    padding: 0 10px;
}
.right-column .service-content{
    width: 70%;
}
.themes-list li{
    width:100% !important;
}
}

@media screen and (min-width: 941px){
	.main-navigation .menu {
		display: block !important;
	}
}