@charset "utf-8";

@media (width:1920px) {
.header                  {display:none;}
.home-banner             {display:none;}
.how-works-container     {display:none;}
.get-started-container   {display:none;}

}

@media(min-width:992px) and (max-width:1199px){
.home-banner                                    {margin:0 0 70px;}
.banner-image-container                         {width: 45%; float: right; margin: 145px 0 0 0; padding: 0;}
.banner-col-left                                {width:49%;}
.banner-col-right                               {width:49%;}
.banner-col-left img, .banner-col-right img     {width:100%;}

.how-works-container                            {margin-bottom:60px;}
.works-item                                     {width: 215px; }
.works-item h3 br                               {display:block;}

.get-started-container .left-img                {width: 365px; margin: 50px 0 0 0;}
footer                                          {margin:40px 0 0 0; padding:40px 0 0 0;}
footer .footer-container p br                   {display:none;}
.bottom-footer                                  {margin:30px 0 0 0;}

.inner-corner-circle                           {width: 55%; height: 85%; border-radius: 100%; position: absolute;
												top: -13px; right: -16%;}
.candidate-banner-img                          {background-position: -188px 80px;}
}


@media(min-width:769px) and (max-width:991px){
.home-banner                                    {margin:0px 0 50px; position:relative; height:auto;}
.banner-image-container                         {display:none;} 
.inner-banner-container                         {display:block; height:auto; padding:10px; margin-top:75px; }
.banner-col-left                                {display:none;}  
.banner-col-right                               {display:none;}
.corner-circle         						    {width: 96%; height: 70%; bottom:0; top:auto; opacity: 0.7;}

.scroll-downs                                   {display:none;}
.banner-text                                    {float:none; display:block; padding: 0;}
.banner-content                                 {margin:0; height:auto; text-align:center;}
.banner-text h1                                 {font-size: 42px; line-height: 59px; margin: 25px 0 25px;}

.banner-text span br                            {display:none;}
.banner-text span                               {font-size: 28px; line-height: 42px; margin:0;}
.banner-button                                  {margin:30px auto 0 auto; width:50%; }
.main-red-button a                              {}
.main-red-button                                {}


.works-item                                     {width: 50%;  float:left; margin: 0;}

.get-started-container .left-img                {float:none; width:95%; display:block; margin:30px auto 0;}
.get-started-container .right-content           {float:none; width:100%; display:block;  margin:40px 0 0;}
.get-started-container .right-content p         {font-size:20px; line-height:28px; margin:0 0 26px; text-align:left;}
.get-started-container .right-content p  br     {display:none;}
.get-started-container .right-content h2        {font-size:36px; margin:0 0 5px; text-align:left;}

footer                                          {margin:40px 0 0 0; padding:40px 0 0 0;}
footer .footer-container p br                   {display:none;}
.bottom-footer                                  {margin:30px 0 0 0;}


.comman-form-container                         {float:none; width:100%; margin: 95px 0 0 0;}
.links-container h1, .comman-form-container h1  {margin:0;}
.form-container                                {width:100%;}
.left-input, .right-input                      {width:48%;}

.outer-inner-banner                           {z-index:1; height:330px; }
.inner-corner-circle                          { width: 350px; height: 100%;}
.interviewer-banner-img                       {background-position: -65px 83px;}

.candidate-banner-img                         {background-position: -115px 80px;}

.links-container         {width:100%;}
}


@media (max-width:768px) {
.sub-heading             {}
.corner-circle           {width: 96%; height: 82%; bottom: 0; top:auto; opacity: 0.7;}
.links-container         {width:100%;}
}

@media (width:768px) {

.home-banner                                    {margin:0px 0 50px; position:relative; height:auto;}
.banner-image-container                         {display:none;} 
.inner-banner-container                         {display:block; height:auto; padding:10px; margin-top:75px; }
.banner-col-left                                {display:none;}  
.banner-col-right                               {display:none;}

.scroll-downs                                   {display:none;}
.banner-text                                    {float:none; display:block; padding: 0;}
.banner-content                                 {margin:0; height:auto; text-align:center;}
.banner-text h1                                 {font-size: 42px; line-height: 59px; margin: 25px 0 25px;}

.banner-text span br                            {display:none;}
.banner-text span                               {font-size: 28px; line-height: 42px; margin:0;}
.banner-button                                  {margin:30px auto 0 auto; width:50%; }
.main-red-button a                              {}
.main-red-button                                {}

.works-item                                     {width: 50%;  float:left; margin: 0;}


.get-started-container .left-img                {float:none; width:95%; display:block; margin:30px auto 0;}
.get-started-container .right-content           {float:none; width:100%; display:block;  margin:40px 0 0;}
.get-started-container .right-content p         {font-size:20px; line-height:28px; margin:0 0 26px; text-align:left;}
.get-started-container .right-content p  br     {display:none;}
.get-started-container .right-content h2        {font-size:36px; margin:0 0 5px; text-align:left;}

footer                                          {margin:40px 0 0 0; padding:40px 0 0 0;}
footer .footer-container p br                   {display:none;}
.bottom-footer                                  {margin:30px 0 0 0;}



.comman-form-container                         {float:none; width:100%;}
.form-container                                {width:100%;}
.left-input, .right-input                      {width:48%;}


.outer-inner-banner                           {z-index:1; height:350px;}
.inner-corner-circle                          { width: 350px; height:100%;}
.interviewer-banner-img                       {background-position: -100px 83px;}

.candidate-banner-img                         {background-position: -128px 80px;}
}

@media(min-width:641px) and (max-width:767px){

.home-banner                                    {margin:0px 0 50px; position:relative; height:auto;}
.banner-image-container                         {display:none;} 
.inner-banner-container                         {display:block; height:auto; padding:10px; margin-top:75px; }
.banner-col-left                                {display:none;}  
.banner-col-right                               {display:none;}

.scroll-downs                                   {display:none;}
.banner-text                                    {float:none; display:block; padding: 0;}
.banner-content                                 {margin:0; height:auto; text-align:center;}
.banner-text h1                                 {font-size: 32px; line-height: 44px; margin: 12px 0 15px;}

.banner-text span br                            {display:none;}
.banner-text span                               {font-size:24px; line-height:36px; margin:0;}
.banner-button                                  {margin:30px auto 0 auto; width:60%; }

.sub-heading                                    {margin:0 0 20px; font-size:32px;}
.works-item                                     {width: 50%;  float:left; margin: 0;}

.get-started-container .left-img                {float:none; width:80%; display:block; margin:30px auto 0;}
.get-started-container .right-content           {float:none; width:100%; display:block;  margin:40px 0 0;}
.get-started-container .right-content p         {font-size:20px; line-height:28px; margin:0 0 26px; text-align:left;}
.get-started-container .right-content p  br     {display:none;}
.get-started-container .right-content h2        {font-size:36px; margin:0 0 5px; text-align:left;}

footer                                          {margin:40px 0 0 0; padding:40px 0 0 0;}
footer .footer-container p br                   {display:none;}
footer .footer-container                        {margin: 0 0 20px; padding: 0 0 20px; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
footer .col-md-3 .footer-container              {margin:0; padding:0; border:0;}
ul.footer-links                                 {padding: 0 14% 0 0; width:auto;}
.bottom-footer                                  {margin:30px 0 0 0;}


.comman-form-container                         {float:none; width:100%; margin: 95px 0 0 0;}
.links-container h1, .comman-form-container h1                      {margin:0;}
.form-container                                {width:100%;}
.left-input, .right-input                      {width:48%;}

.outer-inner-banner                           {z-index:1; height:340px;}
.inner-corner-circle                          { width:320px; height:100%;}
.interviewer-banner-img                       {background-position: -100px 83px;}
.comman-form-container .heading-text          {width:55%;}
.comman-form-container .heading-text  br      {display:block;}

.candidate-banner-img                         {background-position: -128px 80px;}

.package-row                                 {text-align:center; margin: 5px 0 25px;}
.package-item                                {width:31%; margin-right:2%; float:none; display:inline-block;}
.package-item:last-child                     {margin:0;}
.package-item label::after                   {top: 4px; right: -5px;}
.package-item input[type=radio]:checked + label::after {top: 4px; right: -5px;}
.package-item label                          {padding:10px;}
.package-content                             {padding:0;}
.package-number                              {position:static; display:block; margin:0 auto 5px;}
.package-text                                {text-align:center;}

.links-container ul li                        {vertical-align: text-top; line-height: 20px;}
.links-container ul li:nth-child(1)           {width:40%;}
.links-container ul li:nth-child(2)           {width:55%;margin-left:2%;}

.blank-footer .footer-container              {border-bottom:none; text-align:center; margin:0; padding:0;}
.blank-footer > .bottom-footer               {text-align:center;}
}	



@media(min-width:481px) and (max-width:640px){

.home-banner                                    {margin:0px 0 50px; position:relative; height:auto;}
.banner-image-container                         {display:none;} 
.inner-banner-container                         {display:block; height:auto; padding:10px; margin-top:75px; }
.banner-col-left                                {display:none;}  
.banner-col-right                               {display:none;}

.scroll-downs                                   {display:none;}
.banner-text                                    {float:none; display:block; padding: 0;}
.banner-content                                 {margin:0; height:auto; text-align:center;}
.banner-text h1                                 {font-size: 32px; line-height: 44px; margin: 12px 0 15px;}

.banner-text span br                            {display:none;}
.banner-text span                               {font-size:22px; line-height:30px; margin:0;}
.banner-button                                  {margin:30px auto 0 auto; width:60%; }

.sub-heading                                    {margin:0 0 20px; font-size:32px;}
.works-item                                     {width: 50%;  float:left; margin: 0;}
.works-item h3                                  {font-size: 15px; line-height: 20px;}

.get-started-container .left-img                {float:none; width:80%; display:block; margin:30px auto 0;}
.get-started-container .right-content           {float:none; width:100%; display:block; margin:40px 0 0;}
.get-started-container .right-content p         {font-size:20px; line-height:28px; margin:0 0 26px; text-align:left;}
.get-started-container .right-content p  br     {display:none;}
.get-started-container .right-content h2        {font-size:36px; margin:0 0 5px; text-align:left;}


footer                                          {margin:40px 0 0 0; padding:40px 0 0 0;}
footer .footer-container p br                   {display:none;}
footer .footer-container                        {margin: 0 0 20px; padding: 0 0 20px; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
footer .col-md-3 .footer-container              {margin:0; padding:0; border:0;}
ul.footer-links                                 {padding: 0 14% 0 0; width:auto;}
.bottom-footer                                  {margin:30px 0 0 0;}



.comman-form-container                         {float:none; width:100%; margin: 92px 0 0 0;}
.form-container                                {width:100%; padding: 25px 0 0 0;}
.form-row                                      {margin:0;}
.left-input                                    {float:none; width:100%; display:block; }
.right-input                                   {float:none; width:100%; display:block; }
.left-input .form-control, .right-input .form-control, .form-row .form-control {margin:0 0 25px;}
.without-lable                                        {padding:0;}

.outer-inner-banner                           {z-index:1; height:290px;}
.inner-corner-circle                          {width:260px; height:100%;}
.interviewer-banner-img                       {background-position: -68px 83px}
.links-container .heading-text   			 {width: 100%; margin: 0 0 16px; font-size: 15px;line-height: 23px;}
.comman-form-container .heading-text              {width:55%; margin: 0 0 25px; font-size:20px; line-height:30px;}
.links-container .heading-text  br, .comman-form-container .heading-text  br      {display:none;}
.links-container h1, .comman-form-container h1                     				 {font-size:32px; margin: 0 0 8px;}

.candidate-banner-img                         {background-position: -128px 80px;}

.package-row                                 {text-align:center; margin: 5px 0 25px;}
.package-item                                {width:31%; margin-right:2%; float:none; display:inline-block;}
.package-item:last-child                     {margin:0;}
.package-item label::after                   {top: 4px; right: -5px;}
.package-item input[type=radio]:checked + label::after {top: 4px; right: -5px;}
.package-item label                          {padding:10px;}
.package-content                             {padding:0;}
.package-number                              {position:static; display:block; margin:0 auto 5px;}
.package-text                                {text-align:center;}

.links-container ul li                        {vertical-align: text-top; line-height: 20px;}
.links-container ul li:nth-child(1)           {width:40%;}
.links-container ul li:nth-child(2)           {width:55%;margin-left:2%;}

.blank-footer .footer-container              {border-bottom:none; text-align:center; margin:0; padding:0;}
.blank-footer > .bottom-footer               {text-align:center; margin: 15px 0 0 0;}
.blank-footer                                {padding:15px 0 0 0;}
}

@media (max-width:480px) {
.home-banner                                    {margin:0px 0 50px; position:relative; height:auto;}
.banner-image-container                         {display:none;} 
.inner-banner-container                         {display:block; height:auto; padding:10px; margin-top:75px; }
.banner-col-left                                {display:none;}  
.banner-col-right                               {display:none;}

.scroll-downs                                   {display:none;}
.banner-text                                    {float:none; display:block; padding: 0;}
.banner-content                                 {margin:0; height:auto; text-align:center;}
.banner-text h1                                 {font-size: 24px; line-height: 34px; margin:20px 0 15px;}

.banner-text span br                            {display:none;}
.banner-text span                               {font-size:22px; line-height:30px; margin:0;}
.banner-button                                  {margin:30px auto 0 auto; width:60%; }


.sub-heading                                    {margin:0 0 20px; font-size:32px;}
.works-item                                     {width: 50%;  float:left; margin: 0;}
.works-item h3                                  {font-size: 15px; line-height: 20px;}

.get-started-container .left-img                {float:none; width:86%; display:block; margin:30px auto 0;}
.get-started-container .right-content           {float:none; width:100%; display:block; text-align:center; margin:40px 0 0;}
.get-started-container .right-content p         {font-size:20px; line-height:28px; margin:0 0 26px; text-align:left;}
.get-started-container .right-content p  br     {display:none;}
.get-started-container .right-content h2        {font-size:36px; margin:0 0 5px; text-align:left;}
.get-started-container .right-content button    {letter-spacing:0; width:45%; margin:0 6px; font-size:19px;}

footer                                          {margin:40px 0 0 0; padding:40px 0 0 0;}
footer .footer-container p br                   {display:none;}
footer .footer-container                        {margin: 0 0 20px; padding: 0 0 20px; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.1);}
footer .col-md-3 .footer-container              {margin:0; padding:0; border:0;}
.bottom-footer                                  {margin:30px 0 0 0;}



.comman-form-container                         {float:none; width:100%; margin: 85px 0 0 0;}
.form-container                                {width:100%; padding:15px 0 0 0;}
.form-row                                      {margin:0;}
.left-input                                    {float:none; width:100%; display:block; }
.right-input                                   {float:none; width:100%; display:block; }
.left-input .form-control, .right-input .form-control, .form-row .form-control {margin:0 0 25px;}
.without-lable                                        {padding:0;}

.outer-inner-banner                           {z-index:1; height:240px;}
.inner-corner-circle                          {width:208px; height:100%;}
.interviewer-banner-img                       {background-position:-65px 65px;}
.links-container .heading-text   			 {width: 100%; margin: 0 0 16px; font-size: 15px;line-height: 23px;}
.comman-form-container .heading-text   		 {width: 55%; margin: 0 0 16px; font-size: 15px;line-height: 23px;}
.links-container .heading-text br, .comman-form-container .heading-text  br      {display:none;}
.links-container h1, .comman-form-container h1                                {font-size: 20px; margin: 0 0 8px;}


.package-row                                 {text-align:center; margin: 5px 0 25px;}
.package-item                                {width:31%; margin-right:2%; float:none; display:inline-block;}
.package-item:last-child                     {margin:0;}
.package-item label::after                   {top: 4px; right: -5px;}
.package-item input[type=radio]:checked + label::after {top: 4px; right: -5px;}
.package-item label                          {padding:10px;}
.package-content                             {padding:0;}
.package-number                              {position:static; display:block; margin:0 auto 5px;}
.package-text                                {text-align:center;}
.candidate-banner-img                        {background-position: -100px 80px;}

.links-container ul li                        {vertical-align: text-top; line-height: 20px;}
.links-container ul li:nth-child(1)           {width:40%;}
.links-container ul li:nth-child(2)           {width:55%;margin-left:2%;}

.blank-footer .footer-container              {border-bottom:none; text-align:center; margin:0; padding:0;}
.blank-footer > .bottom-footer               {text-align:center; margin: 15px 0 0 0;}
.blank-footer                                {padding:15px 0 0 0;}

}
 
@media (max-width:455px) {
.works-item h3 br                            {display:block;}

}

@media (max-width:425px) {

}


@media (max-width:375px) {
.inner-header                                  {padding: 15px 0;}
.logo                                          {margin: 4px 0 0;}
.register-button                               {font-size: 12px;}
.register-button br                            {display:block;}
.register-button a                             {padding: 3px 0px; text-align: left; line-height: 16px;}
.register-button img                           {top:9px;}
.banner-button                                 {margin:30px 0 0 0; width:100%; }
.banner-text h1 br                             {display:none;}

.inner-corner-circle                          { width:175px; height:100%;}
.interviewer-banner-img                       {background-position: -80px 65px;}

.candidate-banner-img                        {background-position: -114px 80px;}


}

@media (max-width:320px) {

}