@media only screen and (min-width : 1600px) and (max-width : 2560px) {
/* Styles */
.sticky {
    margin-top: 2%;
}
.video-img {
    padding-left: 60px;
}
.leftSecondPanel::after {
    border-left: 1600px solid white;
    top: 88%;
    width: 0;
}
.rightSecondPanel::after {
    top: 85%;
}
}
@media  only  screen  and (max-width : 980px) {
.image-wrap {
    display: block;
    margin: 0 auto;
}
.logo img { max-width:100%; height:100%
}

.inner_logo {
    margin: 10px;
    padding: 0;
    width: 195px;
}
}
@media screen and (max-width: 767px) {
	
 .title-border3{ width:50%}
}
@media  only  screen  and (max-width : 640px) {
.header {
    height: 58px;
}
		#menu ul li > a {
    border-bottom: 1px solid #06476A;
	display:block;
	padding:10px;

}
#menu ul li:hover > a {
    border-bottom: 1px solid #fff;
}
a#toggle {
    height: 57px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 48px;
}

.logo {
    display: block;
    height: 58px;
    margin: 0 auto;
    position: inherit;
    top: -7px;
    width: 228px;
}.leftSecondPanel::after {
  
    border-left: 321px solid white;
}
.video-img {
    height: auto;
    margin: 6% auto;
    max-width: 200px;
    padding-left: 7.1%;
}
.flicker-example p , .textp {
    font-size: 1.3rem;
    line-height: 23px;
}
.newslatter .btn {
    padding: 10px 9px;
}
.list-menu li{  font-size:12px;}

.inner_logo {
    margin: 6px 20px;
    padding: 0;
    width: 57%;
}
.menu li a {
    padding: 16px;
	margin-right: 18px;
}
}
@media screen and (max-width: 480px) {
	.res-text-center480{ text-align:center}
	.res-width480{ width:100%}
	inner_logo {
    margin: 2px 20px;
    padding: 2px 0;
     width: 83%;
}
	main#content {
    margin-top: 0px;
    transition: all 0.3s ease-out 0s;
}
	.pt {
    line-height:none;
    vertical-align: middle;
	text-align:center;
}

.video-img {
    padding-left: 10.1%;
}
.square {
    height: 50px;
    width: 50px;
}
.inner-square {
    height: 36px;
    width: 36px;
}
.workicons {
    font-size: 19px;
    padding: 6px 0;
}
.box h4 {
    font-size: 13px;
}
.box:hover h4 {
    font-size: 14px;
    transform-origin: 50% 50% 0;
    transition: all 0.7s ease 0s;
}
.video-img + h2 {
    font-size: 25px;
    margin-top: 10px;
}
.h1 {
    font-size: 28px;
    margin-top: 10px;
}
.banner-content {
    padding: 40px 10px;
}
.left-inner {
    width: 100%;
}
.right-inner{ display:none;}
 .title-border3{ width:100%}
 .circle200 {
    margin: 0 auto;
}
.inner_logo {
    margin: 13px 20px;
    padding: 0;
    width: 57%;
}
}
@media screen and (max-width: 360px) {
	
.logo {
    width: 214px;
	 top: -4px;
}
.video-img {
    padding-left: 14.9%;
}
.res-row{  margin-left: -15px;
    margin-right: -15px;
	}
.res-width360{ width:100%}
.res-text-center360{ text-align:center}
.menu {
    float: none;
}
.menu li a {
    padding: 21px 10px;
    text-align: right;
}
.avtar ul li ul a{text-align: left; padding:10px;}
.inner_logo {
    margin: 13px 20px;
    width: 100%;
}	
a#toggle {
    height: 63px;
}
.res-margin{ margin:8px 0px; text-align:left}
}
@media screen and (max-width: 320px) {
.leftSecondPanel::after {
  
    border-left: 310px solid white;
}

.video-img + h2 {
    font-size: 22px;
    margin-top: 10px;
}
.menu li a {
    padding: 17px 0;
    text-align: right;
}
a#toggle {
    height: 57px;
}
}