@media only screen and (min-width: 996px) and (max-width:1200px ){

body { overflow-x: hidden;}
nav.tm_navbar li{margin-left: 20px;}
.flexslider{ height: 420px;}
.flexslider .slides > li{ height: 420px;}
.slides img{height:100%;width:100%;}
.welcome-box { padding: 0 0 25px;}
.services-box{   padding: 25px 0;}
.services-box2{   padding: 25px 0;}
.projects-box{padding: 25px 0 0;}
#back-top{left: 45%;}
.thumb-pad1 .thumbnail .caption .title{font: 28px "Roboto","Helvetica Neue",Helvetica,Arial,sans-serif;}
.form-div-1, .form-div-2, .form-div-3{width: 200px;}
.wpcf7-not-valid-tip{width: 200px!important;}
.blog .post-content, .archive .post-content{ width: 52%;}
#gallery .portfolio li{width: 300px;}
#gallery .portfolio li a.image-wrap{width: 300px; height: 165px;}
#gallery.one_column .folio-desc{ width: 375px;}
#gallery.two_columns .portfolio li{ width: 460px;}
#gallery.two_columns .portfolio li a.image-wrap { height: 230px; width: 460px;}
#gallery.four_columns .portfolio li{ width: 220px;}
#gallery.four_columns .portfolio li a.image-wrap { height: 158px; width: 220px;}
}