@media(max-width:1024px){}
@media(max-width:980px){}
@media(max-width:767px){.main_icon .icon{margin-top:0px;}
#hello .skill li p{margin-top:0px;}
.portfolio .over.hover .overlay{height:100%;}
.portfolio .description{width:100%;}
.portfolio .icon{margin-top:20px;}
#testimonials .avatar{float:left;width:100%;text-align:center;}
#testimonials .review{text-align:center;width:100%;}
.static li{width:50%;}
.static li:nth-child(5){width:100%;}
#home{height:640px;min-height:640px;padding-top:55px;}
.navbar-toggle{float:left;}
header .menu{margin-top:0px;}
.navbar-header{float:left;margin-left:50px;margin-top:5px;}
header{position:absolute;top:0px;}
header{background:#212121;}
.nav > li{width:100%;}
header .navbar{margin:0px;display:inline-block;float:left;margin-left:75px;position:relative;left:0px;margin-left:0px;width:100%;}
.navbar-nav{margin:0px;}
.navbar{min-height:0px;}
#hello .avatar{width:100%;text-align:center;}
#hello .per-info{width:100%;text-align:center;}
#hello .skill li{width:30%;}
.is-sticky header{position:relative !important;}
#hello .skill li:nth-child(1), #hello .skill li:nth-child(2), #hello .skill li:nth-child(3), #hello .skill li:nth-child(4), #hello .skill li:nth-child(4), #hello .skill li:nth-child(5){margin-top:30px;}
#hello .skill li p{margin-top:30px;}
.portfolio .item{width:49.5%;}
.portfolio .item li{margin:0px !important;}
#social.page-panel.diagonal-top-up:before{display:none;}
#social .social_icons li:nth-child(1), #social .social_icons li:nth-child(2), #social .social_icons li:nth-child(3), #social .social_icons li:nth-child(4), #social .social_icons li:nth-child(4), #social .social_icons li:nth-child(5){margin:30px 0 !important;}
#social{height:auto;padding:0px;margin-top:50px;}
#contact .form-group{width:96.5%;}
#contact .links{margin-top:50px;}
header .social_icons{position:absolute;}
#contact{margin-top:-250px;}
}
@media (max-width:600px){}
@media(max-width:540px){#home .text span{letter-spacing:8px;line-height:38px;font-size:19px;}
#home .text h1{font-size:50px;}
#home{height:530px;background:url(../images/home-bg.jpg) top center no-repeat;min-height:initial;}
#home .text{margin-top:25%;}
header{position:absolute;top:0px;}
header .menu{margin-top:0px;}
.main_icon .icon{}
#hello .avatar{width:100%;}
#hello .avatar img{width:100%;}
#hello .per-info{width:100%;}
#hello .skill li{width:100%;}
.navbar-toggle{width:50px;}
#hello .skill li:nth-child(1), #hello .skill li:nth-child(2), #hello .skill li:nth-child(3), #hello .skill li:nth-child(4), #hello .skill li:nth-child(4), #hello .skill li:nth-child(5){margin-top:0px;}
.portfolio .item{width:100%;}
#hello .skill li{margin-bottom:50px;}
.portfolio .item{width:100%;}
.static li{width:100%;}
#testimonials .testi span{font-size:20px;}
#testimonials .review{width:100%;}
.chart{float:none;display:inline-block;}
.portfolio .over.hover .overlay{height:70%;}
.portfolio .description{width:100%;text-align:center;}
.portfolio .description p i{float:none;}
.portfolio .icon{width:100%;}
.static li{width:100%;}
#contact .form-group{width:91%;}
#contact textarea{height:10em;width:90%;}
}
@media(max-width:400px){#home .text span{letter-spacing:8px;line-height:38px;font-size:19px;}
#home .text h1{font-size:50px;}
#home{height:530px;background:url(../images/home-bg.jpg) top center no-repeat;min-height:initial;}
#home .text{margin-top:35%;}
header{position:absolute;top:0px;}
header .menu{margin-top:0px;}
.main_icon .icon{margin-top:30px;}
#hello .avatar{width:100%;}
#hello .avatar img{width:100%;}
#hello .per-info{width:100%;}
#hello .skill li{width:100%;}
.navbar-toggle{width:50px;}
#hello .skill li:nth-child(1), #hello .skill li:nth-child(2), #hello .skill li:nth-child(3), #hello .skill li:nth-child(4), #hello .skill li:nth-child(4), #hello .skill li:nth-child(5){margin-top:0px;}
.portfolio .item{width:100%;}
#hello .skill li{margin-bottom:50px;}
.portfolio .item{width:100%;}
.static li{width:100%;}
#testimonials .testi span{font-size:20px;}
#testimonials .review{width:100%;}
.chart{float:none;display:inline-block;}
.portfolio .over.hover .overlay{height:100%;}
.portfolio .description{width:100%;text-align:center;}
.static li{width:100%;}
#contact .form-group{width:85%;}
#contact textarea{height:10em;width:85.4%;}
header .social_icons{position:relative;width:100%;}
.navbar-header{float:right;}
.chart canvas{left:30px;top:30px;}
.chart span{line-height:120px;padding-top:19px;}
}
@media(max-width:320px){#home .text span{letter-spacing:8px;line-height:38px;font-size:19px;}
#home .text h1{font-size:50px;}
#home{height:530px;background:url(../images/home-bg.jpg) top center no-repeat;min-height:initial;}
#home .text{margin-top:50%;}
header{position:absolute;top:0px;}
header .menu{margin-top:0px;}
.main_icon .icon{margin-top:30px;}
#hello .avatar{width:100%;}
#hello .avatar img{width:100%;}
#hello .per-info{width:100%;}
#hello .skill li{width:100%;}
.navbar-toggle{width:50px;}
#hello .skill li:nth-child(1), #hello .skill li:nth-child(2), #hello .skill li:nth-child(3), #hello .skill li:nth-child(4), #hello .skill li:nth-child(4), #hello .skill li:nth-child(5){margin-top:0px;}
.portfolio .item{width:100%;}
#hello .skill li{margin-bottom:50px;}
.portfolio .item{width:100%;}
.static li{width:100%;}
#testimonials .testi span{font-size:20px;}
#testimonials .review{width:100%;}
.chart{float:none;display:inline-block;}
.portfolio .over.hover .overlay{height:100%;}
.portfolio .description{width:100%;text-align:center;}
.static li{width:100%;}
#contact .form-group{width:85%;}
#contact textarea{height:10em;width:85.4%;}
}
@media(min-width:768px) and (max-width:991px){.main_icon{margin-top:0px;}
.main_icon{margin-top:10px !important;}
.main_icon .icon{margin-top:0px;}
.is-sticky header{background:#212121;position:relative !important;}
#hello .per-info{text-align:left;width:448px;float:right;}
#hello .avatar{width:261px;float:left;}
.chart{width:120px;height:120px;}
.chart canvas{width:120px;height:120px;}
#hello .skill li p{margin-top:0px;}
.portfolio .over.hover .overlay{height:100%;}
.portfolio .description{width:100%;}
.portfolio .icon{margin-top:20px;}
#testimonials .avatar{float:left;width:100%;text-align:center;}
#testimonials .review{text-align:center;width:100%;}
#contact .form-group{width:27.7%;}
#contact textarea{height:10em;width:93.4%;}
}
@media(min-width:992px) and (max-width:1199px){.main_icon{margin-top:0px;}
.main_icon{margin-top:10px !important;}
.main_icon .icon{margin-top:0px;}
}
@media(max-width:1400px){.main_icon{margin-top:25px !important;}
}
@media(min-width:1200px){}