@media only screen and (max-width : 1920px) {
#sidebarMenu{    transform: translateY(-1253px);}
.sidebarMenuInner{    margin-top: 23%;}
}
@media only screen and (max-width : 1920px) {
.sidebarMenuInner{    margin-top: 15%;}	
.brder3{    left: -112%;}
}
@media only screen and (max-width : 1366px) {
.emleft{    left: -82px;}	
#success{background-position-y: 104%;}

.emright{right: -112px;}

}

@media only screen and (max-width : 1280px) {
.emleft{   left: -117px;}	
#success{background-position-y: 104%;}

.emright {
    right: -142px;
}
}

@media only screen and (max-width : 1024px) {
	.rbt{    width: 26%;}
	.emleft {
    left: -144px;
	}
	.emright {
    right: -166px;
   }
   #blog{
	
   }
   
}
@media only screen and (max-width : 768px) {
  #sidebarMenu{    height: 100%;    transform: translateY(-1105px);
    transition: transform 250ms ease-in-out;
    background: url(../images/menu.jpg) no-repeat #0a0a0a;}	
	.fh5co-cover, .fh5co-hero {
    height: 839px;
	}
	.fh5co-cover {
    background-size: 193%;
    position: relative;
    background-position-x: -358% !important;
	}
	.rbt {
    width: 36%;
	}
	.roundbx{    width: 400px;
    height: 400px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 57px;}
	#success {
    background-position-y: 93%;
    padding-bottom: 27em;
	}
	.emleft {
    left: -160px;
	}
	.emright {
    right: -184px;
	}
	#blog {
 
	}
	input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
    top: -6%;
	}
	.sidebarMenuInner{margin-top: 28%;}
}

@media only screen and (max-width : 767px) {
.fh5co-cover{background-image:url(../images/landscape.jpg)no-repeat;background-size: 103% !important;    background-position-x: 48% !important;}
.fh5co-cover, .fh5co-hero {
    height: 530px;
}
.margtop {
    margin-top: 2%;
}
.fh5co-cover p{    
	font-size: 12px;
    line-height: 15px;
}
.fh5co-hero {
    height: 491px;
}
#about{padding:2em 0;}
#about h3{font-size: 12px;margin-left: 12px;    padding-bottom: 6px;}
#about .icon{margin-top: 4px;}
#about h2{font-size: 23px;}
#about .all{padding-top: 0px;}


#signature{padding:2em 0;}
#signature h3{font-size: 12px;margin-left: 12px;    padding-bottom: 6px;}
#signature .icon{margin-top: 4px;}
#signature h4{font-size: 23px;}
#signature .all{padding-top: 0px;}

#success{padding:2em 0;}
#success h3{font-size: 12px;margin-left: 12px;    padding-bottom: 6px;}
#success .icon{margin-top: 4px;}
#success h2{font-size: 23px;}
#success .all{padding-top: 0px;}

#stills{padding:2em 0;}
#stills h3{font-size: 12px !important;margin-left: 12px !important;    padding-bottom: 6px;}
#stills .icon{margin-top: 4px !important;}

#stills .all{padding-top: 0px;}
p{font-size:12px;}
#cd-timeline::before{left: 49px;}
#signature .leftcomes{margin-left: -8px;}
.cd-timeline-content::before{border-right:none;}
.cd-timeline-block{ margin: 1em 0;}
.cd-timeline-content p{color:#fff;font-size:12px;}
.pd{padding:0 20px;}
.subh{line-height:20px !important;}
.banner img{max-width: 108px;}
#success .brdr{margin-left: 0px;}
#success {
    background-position-y: 105%;
    padding-bottom: 14em !important;
}
.gr h2{padding-left:0 !important;}
}









@media only screen and (max-width : 480px) {
.fh5co-cover .col-xs-6{width:100%;}
.fh5co-hero {
    height: 743px;
}
.rbt {
        width: 68%;bottom: 6%;
}
.fh5co-cover{background-image: url(../images/phone.jpg) !important;height: 749px;background-position-x: 0% !important;}
.margtop {
    margin-top: 100%;
}
.fh5co-cover p{    
	font-size: 12px !important;
    line-height: 17px !important;
	    margin-bottom: 23px !important;
}
.fh5co-hero{overflow:hidden;}
#about{padding:2em 0;}
#about h3{font-size: 12px;margin-left: 12px;    padding-bottom: 6px;}
#about .icon{margin-top: 4px;}
#about h2{font-size: 23px;}
#about .all{padding-top: 0px;}


#signature{padding:2em 0;}
#signature h3{font-size: 12px;margin-left: 12px;    padding-bottom: 6px;}
#signature .icon{margin-top: 4px;}
#signature h4{font-size: 23px;}
#signature .all{padding-top: 0px;}

#success{padding:2em 0;}
#success h3{    font-size: 18px;margin-left: 0px;    padding-bottom: 6px;    margin-top: 5px;}
#success .icon{margin-top: 4px;}
#success h2{font-size: 23px;}
#success .all{padding-top: 0px;}

#stills{padding:2em 0;}
#stills h3{font-size: 12px !important;margin-left: 12px !important;    padding-bottom: 6px;}
#stills .icon{margin-top: 4px !important;}

#stills .all{padding-top: 0px;}
p{font-size:12px;}
#cd-timeline::before{left: 49px;}
#signature .leftcomes{margin-left: -8px;}
.cd-timeline-content::before{border-right:none;}
.cd-timeline-block{ margin: 1em 0;}
.cd-timeline-content p{color:#fff;font-size:12px;}
.pd{padding:0 20px;}


.roundbx {
    width: 270px;
height: 270px;}
.roundbx img{width:100%;}
#signature h2{    font-size: 19px;    margin-top: 19px;}
#signature p{    font-size: 13px;
    line-height: 15px;}
.small2 {
    font-size: 10px !important;
    line-height: 10px;
}
.subh {font-size: 25px;}
.emleft {
    left: -60px;
}
h2{padding-left: 38% !important;}
#signature h2{    padding-left: 0!important;}
.sub2{font-size: 17px !important;}
#sidebarMenu{margin-top: 38px;}
.positions li{font-size: 12px;}
.wdth1 {
width: 92px;}
.positions li {
    font-size: 10px;
    width: 100%;
    clear: left;
}
#success {
    background-position-y: 100%;
    padding-bottom: 12em !important;
}
#blog {
      
}
#blog p{    line-height: 19px;}
.postions {
background-position-y: 102% !important;}
.letter{font-size:35px !important;    padding-top: 11px;}
#stills .right{display:none;}
#stills .left{display:none;}
#footer{    padding: 3em 0;}
.brdr2{padding-left:0;}
.mainsub{    font-size: 18px !important;}
#success p {
font-size: 13px;    line-height: 19px;}
#stills p{         max-width: 320px !important;}
.gr h2{padding-left:0 !important;}
}

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

}