@media (min-width: 992px) and (max-width: 1199px) {
/*--index page--*/
.logo { width:260px;}
.menu-sec { margin:30px 0 0;}
.menu li a { padding: 10px 15px !important;}
.our-services h2 { font-size:40px; line-height:40px;}
.main-services { margin:60px 0;}
.main-services li a h2 { font-size:22px;}
.all-services li a { font-size:13px;}
.welcome-sec { padding:60px 0 0;}
.welcome-detail h2 { font-size:40px; line-height:40px;}
.welcome-detail p { font-size:15px; padding:0;}
.whatis-going-on-sec li h2 { font-size:50px;}
.what-is-going p { font-size:15px;}
.testi-sec p { padding:0 20px;}

/*--contact page--*/
.contact-form { padding: 0 50px;}
.contact-info { padding: 0 70px;}
}
@media (min-width: 768px) and (max-width: 991px) {
/*--index page--*/
.logo { width:260px; z-index:100001; margin:10px 0;}
.menu-sec { margin:20px 0; position:absolute !important; top:0; left:15px; right:15px; width:auto !important;}
#cssmenu ul { margin:22px 0 0; background:#485074;}
.menu li a { padding:13px 20px !important;;}
#cssmenu ul ul { top:0; background:#454f7c;}
.main-type-slide { padding:50px 0 20px;}
.our-services-sec { padding:50px 0; background-position:100% 0;}
.our-services h2 { font-size:36px; line-height:36px;}
.main-services { margin:50px 0 20px;}
.main-services li { width:48%; margin:0 1% 30px;}
.main-services li a:hover { margin:-10px 0 10px;}
.all-services li { width:50%; margin:0 0 50px;}
.main-services li a h2 { font-size:24px;}
.all-services li a { font-size:15px;}
.welcome-sec { padding:50px 0 0;}
.welcome-detail h2 { font-size:36px; line-height:36px;}
.welcome-detail p { font-size:14px; padding:0;}
.what-is-going h2 { font-size:24px; margin:0 0 20px;}
.whatis-going-on-sec li h2 { font-size:50px;}
.what-is-going { padding:0 0 60px;}
.testi-sec { padding:80px 0 20px;}
.what-is-going::after { height:60px;}
.what-is-going p { font-size:14px;}
.whatis-going-on-sec li { width:50%;}
.whatis-going-on-sec li:nth-child(1)  , .whatis-going-on-sec li:nth-child(4){ background:#5a07a0  ; }
.whatis-going-on-sec li:nth-child(2)  , .whatis-going-on-sec li:nth-child(3){ background:#510096 ; }
.testi-sec p { padding:0 0;}

/*--About page--*/
.psdtohtmlexpert-why-choose { padding: 0;}
.psdtohtmlexpert-why-choose h2 { font-size: 24px; line-height: 30px; margin: 0 0 25px;}
.psdtohtmlexpert-why-choose p { font-size:14px; line-height: 28px; margin: 0 0 15px;}
.psdtohtmlexpert-why-choose ul li { font-size: 14px; line-height: 28px;}

/*--service page--*/
a.hire-developer-btn { margin: 10px 0 40px;}
.tags-lines { padding: 50px 0;}
.welcome-detail h3 { font-size: 18px; line-height: 34px;}
.portfolio-main-sec { padding: 50px 0;}
.portfolio-sec li { width: 50%;}
/*--contact page--*/
.contact-form { padding: 0 0px;}
.contact-form h2 , .contact-info h2 { font-size: 24px; margin: 0 0 30px;}
.contact-form ul { margin: 0 0 40px;}
.contact-info { padding: 0 0px;}
.contact-form h3 { font-size: 18px; margin: -10px 0 30px;}
}
@media (max-width: 767px) {
.tag { display:none}
.email { width:100%;}
.email li:last-child { float:right;}
.logo { width:220px; z-index:100001; margin:10px 0;}
.menu-sec { margin:12px 0; position:absolute !important; top:0; left:15px; right:15px; width:auto !important;}
#cssmenu ul { margin:22px 0 0; background:#485074;}
.menu li a { padding:13px 20px !important;;}
#cssmenu ul ul { top:0; background:#454f7c;}
.main-type-slide { padding:30px 0 10px;}
.main-type-slide h1 { font-size:20px; line-height:30px; margin:0 0 10px;}
.main-type-slide h2 { margin:10px 0; font-size:15px; line-height: 24px;}
.main-type-slide ul li a { font-size:15px; padding:5px 30px 7px; line-height:28px;}
.main-type-slide ul li { margin:0 5px 0 0;}
.type-wrap span { font-size:25px; line-height:28px;}
.socialfeed .dev-sec { margin:5px 0 15px; padding:30px 0 0;}
.dedicate-dev h2 { font-size:18px; line-height:20px;}
.dedicate-dev h3 { font-size:70px;}
.call-us { font-size:14px; line-height:24px;}
.call-us a { font-size:16px; display:block;}
.dev-sec { min-height:280px;}

.our-services-sec { padding:30px 0; background-position:100% 0;}
.our-services h2 { font-size:22px; line-height:30px;}
.main-services { margin:25px 0 10px;}
.main-services li { width:48%; margin:0 1% 20px;}
.main-services li a:hover { margin:-10px 0 10px;}
.all-services li { width:50%; margin:0 0 50px;}
.main-services li a h2 { font-size:24px;}
.all-services li a { font-size:15px;}
.welcome-sec { padding:30px 0 0;}
.welcome-detail h2 { font-size:20px; line-height:30px;}
.welcome-detail p { font-size:13px; line-height:24px; padding:0; margin: 0 0 15px;}
.whatis-going-on-sec { padding:30px 0 0;}
.what-is-going h2 { font-size:18px; line-height:24px; margin:0 0 20px;}
.whatis-going-on-sec li h2 { font-size:50px;}
.what-is-going { padding:0 0 40px;}
.testi-sec { padding:50px 0 20px;}
.what-is-going::after { height:40px;}
.what-is-going p { font-size:13px; line-height:24px;}
.whatis-going-on-sec li { width:50%; padding:60px 0;}
.whatis-going-on-sec li:nth-child(1)  , .whatis-going-on-sec li:nth-child(4){ background:#5a07a0  ; }
.whatis-going-on-sec li:nth-child(2)  , .whatis-going-on-sec li:nth-child(3){ background:#510096 ; }
.testi-sec p { padding:0 0;}
footer h4 { margin:0 0 15px; font-size:16px;}
.footer-links { padding:0; margin:0 0 10px 0;}
.foot-address { margin:10px 0 0;}
.foot-address li { margin:0 0 10px;}
.foot-social { margin:10px 0 20px;}
.footer-links-list { margin:10px 0 0;} 
.copyright-sec { margin:20px 0 0;}
.footer-menu { display:none;}
footer { padding:20px 0 0;}
.logo-sec a { width:100%; border:0; margin:5px 0 15px; padding:0; width:220px;}
.logo-sec p { width:100%; float:left; font-size:13px; line-height:22px;}
.footer-about { margin:0 0 20px;} 


/*--About page--*/
.page-title-sec h1 { margin: 0;}
.why-choose-psdtohtmlexpert-sec { padding: 30px 0;}
.psdtohtmlexpert-about-thumb { margin: 0 0 25px;}
.psdtohtmlexpert-why-choose { padding: 0;}
.psdtohtmlexpert-why-choose h2 { font-size: 20px; line-height: 30px; margin: 0 0 15px;}
.psdtohtmlexpert-why-choose p { font-size:14px; line-height: 28px; margin: 0 0 15px;}
.psdtohtmlexpert-why-choose ul li { font-size: 14px; line-height: 28px;}

/*--service page--*/
a.hire-developer-btn { margin: 5px 0 25px;}
.tags-lines { padding: 40px 0;}
.tags-lines h2 { font-size: 18px; line-height: 36px;}
.welcome-detail h3 { font-size: 16px; line-height: 32px; margin: 0 0 15px;}
.psdtohtmlexpert-about-thumb { margin: 0 0 5px;}
.portfolio-main-sec { padding: 40px 0;}
.portfolio-sec li { width: 50%;}

/*--contact page--*/
.contact-form { padding: 0 0px;}
.contact-form h2 , .contact-info h2 { font-size: 20px; line-height: 24px; margin: 0 0 25px;}
.contact-form ul { margin: 0 0 30px;}
.contact-form ul li { width: 100% !important; margin: 0 0 15px !important;}
.contact-info { padding: 0 0px;}
.contact-info ul li { width: 100%; float: left; margin: 0 0 20px;}
.contact-form ul li .msg { height: 160px;}
.contact-form ul li input.submit { width: 170px; padding: 15px 0;}
.location-area { font-size: 16px; line-height: 30px;}
.location-area i { font-size: 50px; margin: 0 0 10px;}
.contact-form h3 { font-size: 16px; line-height: 28px; margin: 0 0 25px;}
} 
@media (max-width: 480px) {

}
@media (max-width: 400px) {
/*--index page--*/
.main-services li { width:100%; margin:0 0 20px;}
.whatis-going-on-sec li { width:100%; padding:50px 0;}
.whatis-going-on-sec li:nth-child(1)  , .whatis-going-on-sec li:nth-child(3){ background:#5a07a0  ; }
.whatis-going-on-sec li:nth-child(2)  , .whatis-going-on-sec li:nth-child(4){ background:#510096 ; }
.links li a { font-size:11px; line-height:18px;}
.portfolio-main-sec { padding:25px 0;}
.portfolio-sec li { width: 100%;}
}
@media (max-width: 360px) {
/*--index page--*/
.all-services li a { font-size:11px;}
}
@media (max-width: 320px) { 
}