@media (min-width:1920px) {
.right_content { right:38%; }
#anim_init { margin-top:9px; max-height:980px !important; width:100%; }
#anim_init .img_anim_init { height:980px !important; width:100%; }
.img_design3 { left:20.8%; }
.img_design2 { top:38%; left:23.4%; }
}
@media (min-width:1600px) and (max-width:1919px) {
.img_design3 { left:14.8%; }
.img_design2 { left:17.4%; }
}

@media (min-width:1400px) and (max-width:1599px) {
.img_design3 { left:10.8%; }
.img_design2 { left:13.4%; }
}

@media (min-width:1366px) and (max-width:1399px) {
.img_design3 { left:6.8%; }
.img_design2 { left:9.4%; }
}

@media (min-width:1366px) and (max-width:1919px) {
.right_content { right:40%; }
.img_design2 { top:42%; }
}

@media (min-width:1366px) {
.right_content { top:168px; }
.img_design3 { top:13.5%; width:auto; max-width:80%; }
.img_design2 { width:auto; max-width:80%; }
}

@media (max-width:1365px) { 
#anim_init { max-width:100% !important; min-height:100% !important; }
.right_content { top:128px; font-size:80%; right:30%; }
.img_design3 { top:10%; left:4.8%; max-width:50%;  }
.img_design2 { top:33%; left:7.4%; max-width:50%; }
}

@media (min-width:1000px) {
.navbar-collapse nav { float:right; margin-right:0; }
}

@media (min-width:1000px) and (max-width:1169px) {
.right_content { right:35%; }
.container { width:1000px; margin:auto; }
#header .container { width:auto; max-width:1000px; }
}

@media (max-width:999px) { 
.container { width:88%; padding:0 6%; margin:0 auto; }
#header .container { width:auto; max-width:98%; padding:0 !important; margin:0 !important; }

.navbar-collapse { background:#1e1e1e; }
.navbar-collapse > ul > li { border-bottom:1px solid #eee; }
.navbar-collapse > ul > li.open { background-color:#2b2b2b; }
.navbar-collapse > ul > li.dropdown > a > b { float:right; }

.navbar-default .navbar-nav > li > a { color:#727272; font-size:14px; }
.navbar-toggle { position:relative; float:none; padding:12px 10px; margin-top:8px; margin-bottom:0; background-color:transparent; border:0px solid transparent; border-radius:0; background:#272727; cursor:pointer; }
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus { background-color:#272727; }
.navbar-default .navbar-brand { margin-left:14px; }

.readmore_but1 { float:left; clear:both; }
}

@media (min-width:768px) and (max-width:999px) { 
.right_content { right:37%; }

#trueHeader .logo a { background-size:100%; }
#header .menu_main { padding:8px 0px; margin-right:0; margin-top:0px;  }

.navbar-default { margin-right:20px;}
.navbar-nav > li > a i { display:inherit; text-align:left; float:left; margin:5px 10px 0px 0px; }

.lt_title_bottomtext { width:100%; }

.section_2 { padding:50px 0px 50px; }
.section_2 .shadow_box { display:none; }

.one_half { width:100%; margin-bottom:40px; }
.one_third { width:100%; margin-bottom:40px; }
.one_fourth { width:100%; margin-bottom:40px; }
.last { margin-right:0 !important; margin-bottom:0 !important; }

.punchtext .container,
.punchtext .text { width:100%; }
.punchtext .but { width:100%; float:left; }
}

@media (max-width:767px) {
#header .menu_main { width:100%; margin-top:-55px;  }

.navbar-toggle span { display:none; }
.navbar-header,
.navbar-toggle,
.navbar-collapse { background:none !important; width:100% !important; box-shadow:none; margin:0; top:2px !important; }
#navbar-collapse_nav { margin-left:15px !important; }

#trueHeader .logo { width:50%; float:left; margin:0 0 5px 0; text-align:center; padding-bottom:5px; }
#trueHeader .logo a { text-align:center; background:url(../../bundles/conceptrixbandvista/public/images/logo.png) no-repeat left bottom; float:left; position:relative; margin-top:8px; }	
#anim_init { margin-top:0 !important; }

.right_content { top:88px; right:42%; }

.text { font-size:4em !important; }
.text.text3 { font-size:1.4em !important; }

.punchtext .text { white-space:normal  }
.punchtext .but { float:left; margin-top:30px; }
}

@media (min-width:480px) and (max-width:767px) {
.menu_main { margin:0 auto; padding:0px 0px 0px 0px; }

.navbar-default { margin-right:5px;}
.navbar-nav > li > a i { display:inherit; text-align:left; float:left; margin:5px 10px 0px 0px; }

.img_design2 { top:23%; }
.right_content { top:95px;  }

.lt_title_bottomtext { width:100%; }

.one_half, 
.one_third, 
.one_fourth { margin-right:0%; }
.one_half { width:100%; margin-bottom:4px; }
.one_third { width:100%; margin-bottom:20px; }
.one_fourth { width:100%; margin-bottom:20px; }
.last { margin-right:0 !important; margin-bottom:0 !important; }
}

@media (min-width:601px) {

.letter3_1 { left:0; }
.letter3_2 { left:.3em; }
.letter3_3 { left:1em; }
.letter3_4 { left:1.7em; }
.letter3_5 { left:2.4em; }
.letter3_6 { left:3.05em; }
.letter3_7 { left:3.7em; }
.letter3_8 { left:4.4em; }
.letter3_9 { left:5.5em; }
.letter3_10 { left:6.1em; }
.letter3_11 { left:6.8em; }
.letter3_12 { left:7.5em; }
.letter3_13 { left:8.15em; }
.letter3_14 { left:8.85em; }
.letter3_15 { left:9.6em; }
.letter3_16 { left:10.2em; }
.letter4_1 { left:0; }
.letter4_2 { left:.3em; }
.letter4_3 { left:1.3em; }
.letter4_4 { left:2.3em; }
.letter4_5 { left:3.1em; }
.letter4_6 { left:3.4em; }
.letter4_7 { left:4.1em; }
.letter4_8 { left:4.8em; }
.letter4_9 { left:5.4em; }
.letter4_10 { left:6.1em; }
}


@media (max-width:600px) {
.img_design2,
.img_design3 { display:none; }
.right_content { top:15%; left:25%;  }


.letter3_1 { left:1.5em; }
.letter3_2 { left:1.8em; }
.letter3_3 { left:2.5em; }
.letter3_4 { left:3.2em; }
.letter3_5 { left:3.9em; }
.letter3_6 { left:4.55em; }
.letter3_7 { left:5.2em; }
.letter3_8 { left:5.9em; }
.letter3_9 { left:7em; }
.letter3_10 { left:7.6em; }
.letter3_11 { left:8.3em; }
.letter3_12 { left:9em; }
.letter3_13 { left:9.55em; }
.letter3_14 { left:10.35em; }
.letter3_15 { left:11.1em; }
.letter3_16 { left:11.7em; }

.letter4_1 { left:3.5em; }
.letter4_2 { left:3.8em; }
.letter4_3 { left:4.8em; }
.letter4_4 { left:5.8em; }
.letter4_5 { left:6.6em; }
.letter4_6 { left:6.9em; }
.letter4_7 { left:7.6em; }
.letter4_8 { left:8.3em; }
.letter4_9 { left:8.9em; }
.letter4_10 { left:9.6em; }

.the_button { margin-top:38px; margin-left:10px; width:210px; background-color:#119ee7; padding:15px 20px; color:#fff; }
.the_button a {font-size:18px; }




}

@media (max-width:560px) {
.readmore_but2 { padding:17px 10px !important; }
}

@media (max-width:479px) {
.right_content { left:20%; }

#trueHeader .logo { width:100% !important; }

.menu_main { padding:0px 0px 0px 0px; }

.navbar-default { margin-right:3px;}
.navbar-nav > li > a i { display:inherit; text-align:left; float:left; margin:5px 10px 0px 0px; }

.one_half, 
.one_third, 
.one_fourth { margin-right:0%; }
.one_half,
.one_third,
.one_fourth { width:100%; margin-bottom:40px; }

.last { margin-right:0 !important; margin-bottom:0 !important; }

.lt_title_bottomtext { width:100%; }

.section_2 { padding:30px 0px 30px; }
.section_1 { padding: 50px 0px 0; }

.punchtext .but { margin-top:80px; }
}

@media (max-width:350px) {
.right_content { left:18%; top:8%; }
.text { font-size:3em !important; }
.text.text3 { font-size:1.2em !important; }

.the_button { margin-left:0; width:200px; }

/*.the_button { margin-top:38px; width:210px; background-color:#119ee7; padding:15px 20px; color:#fff; }
.the_button a {font-size:18px; }
*/
}

@media (max-width:280px) {
.right_content { left:6%; top:8%; }
}

@media (min-height:940px) and (max-height:1080px) {
#anim_init { margin-top:9px; width:100%; max-height:860px !important; }
#anim_init .img_anim_init { min-width:100%; min-height:860px !important;  }
}
@media (min-height:900px) and (max-height:939px) {
#anim_init { margin-top:9px; max-height:880px !important; width:100%; }
#anim_init .img_anim_init { width:auto; min-height:880px !important;  }
}
@media (min-height:701px) and (max-height:899px) {
#anim_init { margin-top:9px; max-height:810px !important; }
}
@media (min-height:661px) and (max-height:700px) {
#anim_init { margin-top:9px; max-height:710px !important; }
}
@media (min-height:450px) and (max-height:660px) {
#anim_init { margin-top:9px; max-height:600px !important; }
}
@media (min-height:50px) and (max-height:451px) {
#anim_init { margin-top:9px; max-height:500px !important; }
#anim_init .img_anim_init { min-height:500px !important; }
}